<!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: * 06-custom-menu.html * WYMeditor integration example - custom menu. * 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', //customize the tools menu with toolsItems option //'name' is the name of the command which will be executed //when the user clicks on the button //'title' is the button's title (automagically localized) //'css' is the button's class name toolsItems: [ {'name': 'Bold', 'title': 'Strong', 'css': 'wym_tools_strong'}, {'name': 'Italic', 'title': 'Emphasis', 'css': 'wym_tools_emphasis'}, {'name': 'CreateLink', 'title': 'Link', 'css': 'wym_tools_link'}, {'name': 'Unlink', 'title': 'Unlink', 'css': 'wym_tools_unlink'}, {'name': 'InsertImage', 'title': 'Image', 'css': 'wym_tools_image'}, {'name': 'InsertOrderedList', 'title': 'Ordered_List', 'css': 'wym_tools_ordered_list'}, {'name': 'InsertUnorderedList', 'title': 'Unordered_List', 'css': 'wym_tools_unordered_list'}, {'name': 'InsertTable', 'title': 'Table', 'css': 'wym_tools_table'}, {'name': 'Paste', 'title': 'Paste_From_Word', 'css': 'wym_tools_paste'}, {'name': 'Undo', 'title': 'Undo', 'css': 'wym_tools_undo'}, {'name': 'Redo', 'title': 'Redo', 'css': 'wym_tools_redo'} ] }); }); </script> </head> <body> <h1>WYMeditor integration example - custom menu</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>