Download WYMeditor at SourceForge by following  this link and choosing latest WYMeditor 0.3 package.


  • A  nightly build is available as well.
  • All source code is kept under Subversion control, which you can  browse online.
    • If you have access to Subversion, you can connect to the repository here:
      svn co svn://
    • If you're using make, you can build a WYMeditor package:
      svn co svn://
      cd wymeditor/trunk


  • Extract the package.
  • The 'wymeditor' folder and jQuery JS file must be accessible from your web page.
  • Edit your web page to include the configuration and javascript for WYMeditor.

Minimal page integration (converts all textarea elements into editors)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<link rel="stylesheet" type="text/css" media="screen" href="wymeditor/skins/default/screen.css" />
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="wymeditor/jquery.wymeditor.js"></script>
<script type="text/javascript">

var $j = jQuery.noConflict();

$j(function() {


<form method="post" action="">
<textarea class="wymeditor"></textarea>
<input type="submit" class="wymupdate" />



  • The stylesheet wymeditor/skins/default/screen.css loads the default WYMeditor's skin.
  • var $j = jQuery.noConflict(); helps to make sure that jQuery doesn't conflict with the $ object of other libraries, such as Prototype.
  • $j(function() {}); is a shorthand for $(document).ready(), allowing you to bind a function to be executed when the DOM document has finished loading.
  • $j(".wymeditor").wymeditor(); will replace every element with the class wymeditor by a WYMeditor instance.
  • The value of the element replaced by WYMeditor will be updated by e.g. clicking on the element with the class wymupdate. See Customization.

Note: WYMeditor automagically detects the paths of required CSS and JS files.
You'll need to initialize basePath, cssPath and jQueryPath if you don't use default file names (i.e. jquery.wymeditor.js, wymeditor/skins/{skin name}/screen.css, jquery.js).
See Customization.