mceedit.inc.php

Editing with TinyMCE (Javascript WYSIWYG Editor)

This page is written in both English and Japanese.

Table of Contents

Abstract Related How to install How to use How to configure Download Compatibility Check Postface Idea

Abstract

This plugin enables you to edit with TinyMCE, a Javascript WYSIWYG Editor. It means this plugin enables to edit as a Word Processor Software and to copy and paste web pages. Please refer official page TinyMCE about what we can do. You may see Example first.

This is dangerous because this allows all HTML codes to be typed. Therefore, please configure Pukiwiki so that only specific people can edit. Please refer ../html.inc.php because this is using ../html.inc.php.

I apologize that only for Pukiwiki Plus! is prepared now.

I'll explain a bit for developers. I downloaded TinyMCE, and copied plugin/edit.inc.php and lib/html.php#edit_form to another plugin file, and modified it to let it work with TinyMCE, and used ../html.inc.php to pass through raw HTML codes which are outputted by TinyMCE.

Related

• TinyMCE
• FCKEditor
• HTMLArea
• ../html.inc.php
• @wiki ただのコピペではない
• wysiwyg 0.2 - namespace gimite - HTMLArea で HTML を出力させ、解析して Pukiwiki 文法に変えている模様

How to install

You need to download TinyMCE, html.inc.php, and mceedit.inc.php.

First of all, please download TinyMCE, and unarchive it. Next, place "tinymce/jscripts/tiny_mce" into your pukiwiki's skin directory as "skin/tiny_mce". Please download ../html.inc.php and mceedit.inc.php, and place them into your plugin directory.

Let's try to use. Open 'Edit' page, modify 'cmd=edit' of URL to 'cmd=mceedit', and call it. If textarea was transformed to TinyMCE instance, congratulation. If not? I have no idea.

I made bookmarklets located below to call 'cmd=mceedit' conveniently. I assume you know what bookmarklet is. MCEEdit is for whole page, and PartMCEEdit is for paragraph editing. Someone would like to modify skin to add MCEEdit link, but let me omit it here.

MCEmarklet

MCEEdit

PartMCEEdit

How to use

To use mceedit for whole page, whole page has to be enclosed by

#html{{

}}

To use mceedit for a paragraph, the whole paragraph has to enclosed as

**Headline
#html{{

}}

After making sure they are enclosed, call above bookmarklets.

How to configure

If you like to configure TinyMCE, add codes at below lines

tinyMCE.init({
	mode : "specific_textareas", 
	editor_selector : "mceEditor"
});
</script>'; //TinyMCE

which are placed at last part of mceedit.inc.php.

About configuration of TinyMCE, plase refer TinyMCE Documentation or examples placed below at TinyMCE Installation instruction or TinyMCE Configuration reference .

Download

Please remove the numbered extention, and put into plugin directory.

Compatibility Check

Please join us to check compatibilities.

Compatible

Selection	Vote
PHP4	0
PHP5	0
1.3.7	0
1.4.3	0
1.4.4	0
1.4.5_1	0
1.4.6	0
1.4.7	0
1.4.5plus-eucjp	0
1.4.6plus-u1-eucjp	0
1.4.6plus-u2-eucjp	0
1.4.5plus-u2-i18n	1
1.4.6plus-u1-i18n	1
1.4.6plus-u2-i18n	0
1.4.7plus-i18n	0
1.4.7plus-u2-i18n	0

Incompatible

Selection	Vote
PHP4	0
PHP5	0
1.3.7	0
1.4.3	0
1.4.4	1
1.4.5_1	0
1.4.6	0
1.4.7	1
1.4.5plus-eucjp	0
1.4.6plus-u1-eucjp	0
1.4.6plus-u2-eucjp	0
1.4.5plus-u2-i18n	0
1.4.6plus-u1-i18n	0
1.4.6plus-u2-i18n	0
1.4.7plus-i18n	2
1.4.7plus-u2-i18n	1

Postface

I chose TinyMCE from three major WYSIWYG editors, FCKEditor, HTMLArea, TinyMCE because it looked most easy to configure at first time. It sounds either FCKEditor or TinyMCE is fine.

I could have done development in about 20 minuits, but I guess it took 3 hours to write this page...

Idea

FCKEditor だと FCKEditor 用プラグインを書くことで HTML 以外を出力させることもできるらしい。 MoinMoin はそれを用いて、FCKEditor で Wiki 文法を書けるようにしている。すごい。