<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- * WYMeditor : what you see is What You Mean web-based editor * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/ * Dual licensed under the MIT (MIT-license.txt) * and GPL (GPL-license.txt) licenses. * * For further information visit: * http://www.wymeditor.org/ * * File Name: * 08-custom-panel.html * WYMeditor integration example - custom panel. * See the documentation for more info. * * File Authors: * Jean-Francois Hovinne - http://www.hovinne.com/ --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WYMeditor</title> <script type="text/javascript" src="../jquery/jquery.js"></script> <script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.wymeditor').wymeditor({ html: '<p>Hello, World!<\/p>', stylesheet: 'styles.css', postInit: function(wym) { //render the containers box as a panel //and remove the span containing the '>' jQuery(wym._box).find(wym._options.containersSelector) .removeClass('wym_dropdown') .addClass('wym_panel') .find('h2 > span') .remove(); //adjust the editor's height jQuery(wym._box).find(wym._options.iframeSelector) .css('height', '250px'); } }); }); </script> </head> <body> <h1>WYMeditor integration example - custom panel</h1> <p><a href="http://www.wymeditor.org/">WYMeditor</a> is a web-based XHTML WYSIWYM editor.</p> <form method="post" action=""> <textarea class="wymeditor"></textarea> <input type="submit" class="wymupdate" /> </form> </body> </html>