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