<!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: * 10-resizable.html * WYMeditor integration example - resizable plugin. * 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> <!-- REQUIRED: jQuery UI and jQuery UI resizable --> <script type="text/javascript" src="../jquery/jquery-ui-1.8.11.custom.min.js"></script> <link rel="stylesheet" type="text/css" href="../jquery/jquery.ui.resizable.css" /> <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>', stylesheet: 'styles.css', postInit: function(wym) { wym.hovertools(); wym.resizable(); } }); }); </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>