wicket-contrib-tinymce

About

Add a tinymce wysiwyg HTML editor to your pages

Features

• Add Add a tinymce wysiwyg HTML editor to your pages
• Use wysiwyg editor for textarea inputs in your forms
• Use wysiwyg editor for in-place-editing of your page content (no form required).

Used by

Please insert your site here if using the contrib and its possible for you.

Examples

For a simple rich text area in a form, you do the following. Add a textarea element to the form:

<textarea wicket:id="richTextInput" rows="10" cols="60">test rich text input</textarea>

Then in the form code add the TinyMceBehavior to this input:

TextArea textArea = new TextArea("richTextInput", new Model(TEXT));
textArea.add(new TinyMceBehavior());
form.add(textArea);

Another way to use the rich text editor is as in place editor for your page content. In the following example the div "editable" can be edited by a user. if the user clicks on the div, it turns into a rich text editor. Clicking save updates the content of the div (after optional processing by the server). Clicking the cancel button in the editor restores the original text.

Insert a div in your page (you do not need a form for an in place editor):

 <div wicket:id="editable"></div>

 And add the following code to the page:

 InPlaceEditComponent component = new InPlaceEditComponent("editable",
   "<p><b>Click me</b> and <i>edit me</i> with <font color=\"red\">tinymce</font>. "
   + "Afterwards, click save button to update this text with your changes!</p>");
 add(component);

More examples

You can find more examples in the tinymce-examples (formerly wicket-contrib-tinymce-examples) project. Start it with 'mvn jetty:run' (formerly 'mvn jetty6:run') and connect to http://localhost:8080 .

SVN

https://wicket-stuff.svn.sourceforge.net/svnroot/wicket-stuff/trunk/wicketstuff-core/tinymce-parent/tinymce/
See more about checking out from svn here 

JIRA

http://wicketstuff.org/jira/browse/WCTINYMCE

Maven

It's in wicket stuff repo aswell