<!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: * 13-silver-skin.html * WYMeditor integration example - hovertools and resizable plugins, using silver skin. * 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> <!-- OPTIONAL: jQuery UI and jQuery UI resizable --> <script type="text/javascript" src="../jquery/jquery.ui.js"></script> <script type="text/javascript" src="../jquery/jquery.ui.resizable.js"></script> <script type="text/javascript" src="../wymeditor/jquery.wymeditor.min.js"></script> <script type="text/javascript" src="../wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js"></script> <script type="text/javascript" src="../wymeditor/plugins/resizable/jquery.wymeditor.resizable.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.wymeditor').wymeditor({ html: '<p>Hello, World!<\/p>', //set editor's value stylesheet: 'styles.css', //styles to load skin: 'silver', //activate silver skin postInit: function(wym) { wym.hovertools(); //activate hovertools wym.resizable(); //and resizable plugins } }); }); </script> </head> <body> <h1>WYMeditor integration example - resizable plugin</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>