i guess this post needs no explanation


import org.apache.wicket.ResourceReference;
import org.apache.wicket.markup.html.IHeaderContributor;
import org.apache.wicket.markup.html.IHeaderResponse;
import org.apache.wicket.markup.html.form.FormComponentPanel;
import org.apache.wicket.markup.html.form.TextArea;
import org.apache.wicket.model.IModel;
* WMD rich Editor
* @author Ananth
public class RichEditor extends FormComponentPanel implements
private static final long	serialVersionUID	= 1L;
/*** text area */
private TextArea			textArea;
* constructor
* @param id
*            id
* @param model
*            model for the textarea
public RichEditor(String id, IModel model)
super(id, model);
add(textArea = new TextArea("textarea", model));
protected void convertInput()
// TODO filter any javascript in the markup
 public void renderHead(IHeaderResponse response)
// jquery
// TextArea Resizer
ResourceReference resizeRef = new ResourceReference(getClass(),"jquery.textarearesizer.js");


<html xmlns:wicket>
	<style type="text/css">
div.grippie {
	background: #EEEEEE url(img/grippie.png) no-repeat scroll center 2px;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0pt 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;

.resizable-textarea textarea {
	display: block;
	margin-bottom: 0pt;
	width: 95%;
	height: 20%;
	<textarea id="myTextarea" wicket:id="textarea">
	<script type="text/javascript">
	// to set WMD's options programatically, define a "wmd_options" object with whatever settings
	// you want to override.  Here are the defaults:
	wmd_options = {
		// format sent to the server.  Use "Markdown" to return the markdown source.
		output : "HTML",

		// line wrapping length for lists, blockquotes, etc.
		lineLength : 40,

		// toolbar buttons.  Undo and redo get appended automatically.
		buttons : "bold italic | link blockquote code image | ol ul heading hr",

		// option to automatically add WMD to the first textarea found.  See apiExample.html for usage.
		autostart : true
		<script type="text/javascript" src="wmd.js"></script>
	<div class="wmd-preview"></div>



This works fine if there is only on Editor in a Page. If you want to use multiple editor in a single page then you have to use the reverse engineered version of Wmd-Editor. I am attaching a sample project which uses multiple editors Sample-project. Change it according to your needs.