spree_editor 0.30.1 → 0.40.0

data/public/javascripts/wymeditor/plugins/resizable/readme.txt

@@ -0,0 +1,124 @@
+
+
+resizable plugin for WYMeditor
+##############################
+
+The ``resizable`` plugin for WYMeditor_ enables vertical resizing of the
+editor area. The plugin is based on the jQuery UI library.
+
+Requirements
+============
+The following packages are required for using the WYMeditor ``resizable``
+plugin:
+
+* jQuery (tested with jQuery ``jquery-1.2.4a.js`` from ``jquery.ui`` package)
+* WYMeditor SVN trunk (Revision: 482)
+* jQuery-UI (tested with ``jquery.ui-1.5b2``)
+
+It should be possible to use this plugin with ``WYMeditor-0.4`` but I have not
+tried.
+
+Download
+========
+You can download the WYMeditor ``resizable`` plugin here:
+
+* wymeditor-resizable-plugin-0.2.tgz_
+* wymeditor-resizable-plugin-0.1.tgz_ 
+
+See the Changelog_ for more infos about the releases.
+
+.. _wymeditor-resizable-plugin-0.2.tgz: http://pyjax.net/download/wymeditor-resizable-plugin-0.2.tgz
+.. _wymeditor-resizable-plugin-0.1.tgz: http://pyjax.net/download/wymeditor-resizable-plugin-0.1.tgz
+
+Installation
+============
+Just extract the downloaded archive into your WYMeditor's ``plugin``
+directory.
+
+Usage
+=====
+For general instructions on WYMeditor plugins please refer to the `WYMeditor
+plugin page`_.
+
+To use the ``resizable`` plugin simply include the plugin's JavaScript file in
+your code. You **do not** need to include the jQuery UI files - this is done
+automatically by the plugin (see `Internals`_)::
+
+    <script type="text/javascript"
+            src="/js/wymeditor/plugins/resizable/jquery.wymeditor.resizable.js">
+    </script>
+
+Make sure to adjust the ``src`` attribute to your needs, then initialize the
+plugin in WYMeditor's ``postInit`` function::
+
+    wymeditor({postInit: function(wym) {
+                            wym.hovertools(); // other plugins...
+                            wym.resizable({handles: "s,e",
+                                           maxHeight: 600});
+                         }
+               })
+
+The ``resizable`` plugin takes exactly one parameter, which is an object literal
+containing the options of the plugin. The WYMeditor ``resizable`` plugin
+supports all options of the jQuery UI ``resizable`` plugin. These are the
+default values used by the plugin::
+
+    handles: "s,e,se",
+    minHeight: 250,
+    maxHeight: 600
+
+See the `jQuery UI resizable plugin docs`_ for a list of all options.
+
+That's it! You are now able to resize the WYMeditor vertically, horizontally or
+both, depending on your options.
+
+..  _jQuery UI resizable plugin docs: http://docs.jquery.com/UI/Resizables
+
+Internals
+=========
+The plugin takes care of loading the necessary jQuery UI files (``base`` and
+``resizable``) from the same path the jQuery library was loaded. Here's how
+it's done::
+
+    // Get the jQuery path from the editor, stripping away the jQuery file.
+    // see http://www.oreilly.com/catalog/regex/chapter/ch04.html
+    // The match result array contains the path and the filename.
+    var jQueryPath = wym.computeJqueryPath().match(/^(.*)\/(.*)$/)[1];
+
+    // Make an array of the external JavaScript files required by the plugin.
+    var jQueryPlugins = [jQueryPath + '/ui.base.js',
+                         jQueryPath + '/ui.resizable.js'];
+    
+    // First get the jQuery UI base file
+    $.getScript(jQueryPlugins[0]);
+
+    // Get the jQuery UI resizeable plugin and then init the wymeditor resizable
+    // plugin. It is import to do the initialisation after loading the    
+    // necessary jQuery UI files has finished, otherwise the "resizable" method
+    // would not be available.
+    $.getScript(jQueryPlugins[1], function() {     
+        jQuery(wym._box).resizable(final_options);
+    });
+
+An alternative approach would be to use an AJAX queue when getting the script
+files to ensure that all jQuery files are loaded before the initialisation code
+of the plugin is executed. There is an `jQuery AJAX queue plugin`_ which does
+that. 
+
+.. _jQuery AJAX queue plugin: http://plugins.jquery.com/project/ajaxqueue
+
+Changelog
+=========
+
+0.2
+---
+- Added full support for all jQuery UI resizable plugin options.
+- Refactored and documented code.
+- Now contains a packed version (775 bytes).
+
+0.1
+---
+- Initial release.
+
+.. _WYMeditor:              http://www.wymeditor.org/
+.. _WYMeditor plugin page:  http://trac.wymeditor.org/trac/wiki/0.4/Plugins

data/public/javascripts/wymeditor/plugins/tidy/README

@@ -0,0 +1,19 @@
+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:
+		README - HTML Tidy plugin for WYMeditor
+
+File Authors:
+		Jean-François Hovinne (jf.hovinne a-t wymeditor dotorg)
+
+Credits:
+    'HTML Tidy' by Dave Ragget - http://tidy.sourceforge.net/
+    Icon 'wand' by Mark James - http://famfamfam.com/
+
+WYMeditor documentation is available online at http://www.wymeditor.org/

data/public/javascripts/wymeditor/plugins/tidy/jquery.wymeditor.tidy.js

@@ -0,0 +1,82 @@
+/*
+ * 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:
+ *        jquery.wymeditor.tidy.js
+ *        HTML Tidy plugin for WYMeditor
+ *
+ * File Authors:
+ *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ */
+
+//Extend WYMeditor
+WYMeditor.editor.prototype.tidy = function(options) {
+  var tidy = new WymTidy(options, this);
+  return(tidy);
+};
+
+//WymTidy constructor
+function WymTidy(options, wym) {
+
+  options = jQuery.extend({
+
+    sUrl:            wym._options.basePath + "plugins/tidy/tidy.php",
+    sButtonHtml:     "<li class='wym_tools_tidy'>"
+                   + "<a name='CleanUp' href='#'"
+                   + " style='background-image:"
+                   + " url(" + wym._options.basePath + "plugins/tidy/wand.png)'>"
+                   + "Clean up HTML"
+                   + "</a></li>",
+    
+    sButtonSelector: "li.wym_tools_tidy a"
+    
+  }, options);
+  
+  this._options = options;
+  this._wym = wym;
+
+};
+
+//WymTidy initialization
+WymTidy.prototype.init = function() {
+
+  var tidy = this;
+            
+  jQuery(this._wym._box).find(
+    this._wym._options.toolsSelector + this._wym._options.toolsListSelector)
+    .append(this._options.sButtonHtml);
+  
+  //handle click event
+  jQuery(this._wym._box).find(this._options.sButtonSelector).click(function() {
+    tidy.cleanup();
+    return(false);
+  });
+
+};
+
+//WymTidy cleanup
+WymTidy.prototype.cleanup = function() {
+
+    var wym = this._wym;
+    var html = "<html><body>" + wym.xhtml() + "</body></html>";
+
+    jQuery.post(this._options.sUrl, { html: html}, function(data) {
+
+        if(data.length > 0 && data != '0') {
+          if(data.indexOf("<?php") == 0) {
+            wym.status("Ooops... Is PHP installed?");
+          } else {
+            wym.html(data);
+            wym.status("HTML has been cleaned up.");
+          }
+        } else {
+          wym.status("An error occurred.");
+        }
+    });
+};

data/public/javascripts/wymeditor/plugins/tidy/tidy.php

@@ -0,0 +1,36 @@
+<?php
+
+if (get_magic_quotes_gpc()) $html = stripslashes($_REQUEST['html']);
+else $html = $_REQUEST['html'];
+
+if(strlen($html) > 0) {
+
+  // Specify configuration
+  $config = array(
+            'bare'                        => true,
+            'clean'                       => true,
+            'doctype'                     => 'strict',
+            'drop-empty-paras'            => true,
+            'drop-font-tags'              => true,
+            'drop-proprietary-attributes' => true,
+            'enclose-block-text'          => true,
+            'indent'                      => false,
+            'join-classes'                => true,
+            'join-styles'                 => true,
+            'logical-emphasis'            => true,
+            'output-xhtml'                => true,
+            'show-body-only'              => true,
+            'wrap'                        => 0);
+
+  // Tidy
+  $tidy = new tidy;
+  $tidy->parseString($html, $config, 'utf8');
+  $tidy->cleanRepair();
+
+  // Output
+  echo $tidy;
+} else {
+
+echo ('0');
+}
+?>

data/public/javascripts/wymeditor/skins/compact/skin.css

@@ -0,0 +1,134 @@
+/*
+ * 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:
+ *      screen.css
+ *      main stylesheet for the WYMeditor skin
+ *      See the documentation for more info.
+ *
+ * File Authors:
+ *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
+ *      Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+*/
+
+/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
+        .wym_skin_compact p, .wym_skin_compact h2, .wym_skin_compact h3,
+        .wym_skin_compact ul, .wym_skin_compact li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
+
+
+/*HIDDEN BY DEFAULT*/
+        .wym_skin_compact .wym_area_left          { display: none; }
+        .wym_skin_compact .wym_area_right         { display: none; }
+
+
+/*TYPO*/    
+        .wym_skin_compact                { font-size: 10px; font-family: Verdana, Arial, sans-serif; }
+        .wym_skin_compact h2             { font-size: 110%; /* = 11px */}
+        .wym_skin_compact h3             { font-size: 100%; /* = 10px */}
+        .wym_skin_compact li             { font-size: 100%; /* = 10px */}
+
+
+/*WYM_BOX*/
+        .wym_skin_compact                { border: 1px solid gray; padding: 5px}
+
+    /*auto-clear the wym_box*/
+        .wym_skin_compact:after 	 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+ * html .wym_skin_compact                { height: 1%;}
+
+
+/*WYM_HTML*/
+        .wym_skin_compact .wym_html               { width: 98%;}
+        .wym_skin_compact .wym_html textarea      { font-size: 120%; width: 100%; height: 200px; border: 1px solid gray; background: white; }
+
+
+/*WYM_IFRAME*/
+        .wym_skin_compact .wym_iframe             { width: 98%;}
+        .wym_skin_compact .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }
+
+
+/*AREAS*/
+        .wym_skin_compact .wym_area_left          { width: 100px; float: left;}
+        .wym_skin_compact .wym_area_right         { width: 150px; float: right;}
+        .wym_skin_compact .wym_area_bottom        { height: 1%; clear: both;}
+ * html .wym_skin_compact .wym_area_main          { height: 1%;}
+ * html .wym_skin_compact .wym_area_top           { height: 1%;}
+ *+html .wym_skin_compact .wym_area_top           { height: 1%;}
+
+/*SECTIONS SYSTEM*/
+
+    /*common defaults for all sections*/
+        .wym_skin_compact .wym_section            { margin-bottom: 5px; }
+        .wym_skin_compact .wym_section h2,
+        .wym_skin_compact .wym_section h3         { padding: 1px 3px; margin: 0; }
+        .wym_skin_compact .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
+        .wym_skin_compact .wym_section a:hover    { background-color: yellow; }
+      /*hide section titles by default*/
+        .wym_skin_compact .wym_section h2         { display: none; }
+      /*disable any margin-collapse*/
+        .wym_skin_compact .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
+      /*auto-clear sections*/
+        .wym_skin_compact .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+ * html .wym_skin_compact .wym_section ul         { height: 1%;}
+
+    /*option: add this class to a section to make it render as a panel*/
+        .wym_skin_compact .wym_panel              { }
+        .wym_skin_compact .wym_panel h2           { display: block; }
+
+    /*option: add this class to a section to make it render as a dropdown menu*/
+        .wym_skin_compact .wym_dropdown h2        { display: block; }
+        .wym_skin_compact .wym_dropdown ul        { display: none; position: absolute; background: white; }
+        .wym_skin_compact .wym_dropdown:hover ul,
+        .wym_skin_compact .wym_dropdown.hover ul  { display: block; }
+
+    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
+        .wym_skin_compact .wym_buttons li         { float:left;}
+        .wym_skin_compact .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
+      /*image replacements*/
+        .wym_skin_compact .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;} 
+        .wym_skin_compact .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
+        .wym_skin_compact .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
+
+/*DECORATION*/
+        .wym_skin_compact .wym_section h2             { background: #f0f0f0; border: solid gray; border-width: 0 0 1px;}
+        .wym_skin_compact .wym_section h2 span        { color: gray;}
+        .wym_skin_compact .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}    
+        .wym_skin_compact .wym_panel ul               { margin: 2px 0 5px; }        
+        .wym_skin_compact .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
+        .wym_skin_compact .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
+        
+/*DIALOGS*/
+        .wym_dialog div.row         { margin-bottom: 5px;}
+        .wym_dialog div.row input   { margin-right: 5px;}
+        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
+        .wym_dialog div.row-indent  { padding-left: 160px; }
+        /*autoclearing*/        
+        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+        .wym_dialog div.row                  { display: inline-block; }
+            /* Hides from IE-mac \*/
+            * html .wym_dialog div.row       { height: 1%; }
+            .wym_dialog div.row              { display: block; }
+            /* End hide from IE-mac */                
+            
+/*WYMEDITOR_LINK*/
+        a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }

data/public/javascripts/wymeditor/skins/compact/skin.js

@@ -0,0 +1,35 @@
+WYMeditor.SKINS['compact'] = {
+
+    init: function(wym) {
+    
+        //move the containers panel to the top area
+        jQuery(wym._options.containersSelector + ', '
+          + wym._options.classesSelector, wym._box)
+          .appendTo( jQuery("div.wym_area_top", wym._box) )
+          .addClass("wym_dropdown")
+          .css({"margin-right": "10px", "width": "120px", "float": "left"});
+
+        //render following sections as buttons
+        jQuery(wym._options.toolsSelector, wym._box)
+          .addClass("wym_buttons")
+          .css({"margin-right": "10px", "float": "left"});
+
+        //make hover work under IE < 7
+        jQuery(".wym_section", wym._box).hover(function(){
+          jQuery(this).addClass("hover");
+        },function(){
+          jQuery(this).removeClass("hover");
+        });
+
+        var postInit = wym._options.postInit;
+        wym._options.postInit = function(wym) {
+
+            if(postInit) postInit.call(wym, wym);
+            var rule = {
+                name: 'body',
+                css: 'background-color: #f0f0f0;'
+            };
+            wym.addCssRule( wym._doc.styleSheets[0], rule);
+        };
+    }
+};

data/public/javascripts/wymeditor/skins/default/skin.css

@@ -0,0 +1,133 @@
+/*
+ * 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:
+ *      skin.css
+ *      main stylesheet for the default WYMeditor skin
+ *      See the documentation for more info.
+ *
+ * File Authors:
+ *      Daniel Reszka (d.reszka a-t wymeditor dotorg)
+*/
+
+/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
+        .wym_skin_default p, .wym_skin_default h2, .wym_skin_default h3,
+        .wym_skin_default ul, .wym_skin_default li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
+
+
+/*HIDDEN BY DEFAULT*/
+        .wym_skin_default .wym_area_left          { display: none; }
+        .wym_skin_default .wym_area_right         { display: block; }
+
+
+/*TYPO*/    
+        .wym_skin_default                { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; }
+        .wym_skin_default h2             { font-size: 110%; /* = 11px */}
+        .wym_skin_default h3             { font-size: 100%; /* = 10px */}
+        .wym_skin_default li             { font-size: 100%; /* = 10px */}
+
+
+/*WYM_BOX*/
+        .wym_skin_default                { border: 1px solid gray; background: #f2f2f2; padding: 5px}
+
+    /*auto-clear the wym_box*/
+        .wym_skin_default:after 	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+ * html .wym_skin_default                { height: 1%;}
+
+
+/*WYM_HTML*/
+        .wym_skin_default .wym_html               { width: 98%;}
+        .wym_skin_default .wym_html textarea      { width: 100%; height: 200px; border: 1px solid gray; background: white;  }
+
+
+/*WYM_IFRAME*/
+        .wym_skin_default .wym_iframe             { width: 98%;}
+        .wym_skin_default .wym_iframe iframe      { width: 100%; height: 200px; border: 1px solid gray; background: white }
+
+
+/*AREAS*/
+        .wym_skin_default .wym_area_left          { width: 150px; float: left;}
+        .wym_skin_default .wym_area_right         { width: 150px; float: right;}
+        .wym_skin_default .wym_area_bottom        { height: 1%; clear: both;}
+ * html .wym_skin_default .wym_area_main          { height: 1%;}
+ * html .wym_skin_default .wym_area_top           { height: 1%;}
+ *+html .wym_skin_default .wym_area_top           { height: 1%;}
+
+/*SECTIONS SYSTEM*/
+
+    /*common defaults for all sections*/
+        .wym_skin_default .wym_section            { margin-bottom: 5px; }
+        .wym_skin_default .wym_section h2,
+        .wym_skin_default .wym_section h3         { padding: 1px 3px; margin: 0; }
+        .wym_skin_default .wym_section a          { padding: 0 3px; display: block; text-decoration: none; color: black; }
+        .wym_skin_default .wym_section a:hover    { background-color: yellow; }
+      /*hide section titles by default*/
+        .wym_skin_default .wym_section h2         { display: none; }
+      /*disable any margin-collapse*/
+        .wym_skin_default .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
+      /*auto-clear sections*/
+        .wym_skin_default .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+ * html .wym_skin_default .wym_section ul         { height: 1%;}
+
+    /*option: add this class to a section to make it render as a panel*/
+        .wym_skin_default .wym_panel              { }
+        .wym_skin_default .wym_panel h2           { display: block; }
+
+    /*option: add this class to a section to make it render as a dropdown menu*/
+        .wym_skin_default .wym_dropdown h2        { display: block; }
+        .wym_skin_default .wym_dropdown ul        { display: none; position: absolute; background: white; }
+        .wym_skin_default .wym_dropdown:hover ul,
+        .wym_skin_default .wym_dropdown.hover ul  { display: block; }
+
+    /*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
+        .wym_skin_default .wym_buttons li         { float:left;}
+        .wym_skin_default .wym_buttons a          { width: 20px; height: 20px; overflow: hidden; padding: 2px }
+      /*image replacements*/
+        .wym_skin_default .wym_buttons li a                         { background: url(icons.png) no-repeat; text-indent: -9999px;} 
+        .wym_skin_default .wym_buttons li.wym_tools_strong a        { background-position: 0 -382px;}
+        .wym_skin_default .wym_buttons li.wym_tools_emphasis a      { background-position: 0 -22px;}
+        .wym_skin_default .wym_buttons li.wym_tools_superscript a   { background-position: 0 -430px;}
+        .wym_skin_default .wym_buttons li.wym_tools_subscript a     { background-position: 0 -454px;}
+        .wym_skin_default .wym_buttons li.wym_tools_ordered_list a  { background-position: 0 -48px;}
+        .wym_skin_default .wym_buttons li.wym_tools_unordered_list a{ background-position: 0 -72px;}
+        .wym_skin_default .wym_buttons li.wym_tools_indent a        { background-position: 0 -574px;}
+        .wym_skin_default .wym_buttons li.wym_tools_outdent a       { background-position: 0 -598px;}
+        .wym_skin_default .wym_buttons li.wym_tools_undo a          { background-position: 0 -502px;}
+        .wym_skin_default .wym_buttons li.wym_tools_redo a          { background-position: 0 -526px;}
+        .wym_skin_default .wym_buttons li.wym_tools_link a          { background-position: 0 -96px;}
+        .wym_skin_default .wym_buttons li.wym_tools_unlink a        { background-position: 0 -168px;}
+        .wym_skin_default .wym_buttons li.wym_tools_image a         { background-position: 0 -121px;}
+        .wym_skin_default .wym_buttons li.wym_tools_table a         { background-position: 0 -144px;}
+        .wym_skin_default .wym_buttons li.wym_tools_paste a         { background-position: 0 -552px;}
+        .wym_skin_default .wym_buttons li.wym_tools_html a          { background-position: 0 -193px;}
+        .wym_skin_default .wym_buttons li.wym_tools_preview a       { background-position: 0 -408px;}
+
+/*DECORATION*/
+        .wym_skin_default .wym_section h2             { background: #ddd; border: solid gray; border-width: 0 0 1px;}
+        .wym_skin_default .wym_section h2 span        { color: gray;}
+        .wym_skin_default .wym_panel                  { padding: 0; border: solid gray; border-width: 1px; background: white;}    
+        .wym_skin_default .wym_panel ul               { margin: 2px 0 5px; }        
+        .wym_skin_default .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
+        .wym_skin_default .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
+        
+/*DIALOGS*/
+        .wym_dialog div.row         { margin-bottom: 5px;}
+        .wym_dialog div.row input   { margin-right: 5px;}
+        .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
+        .wym_dialog div.row-indent  { padding-left: 160px; }
+        /*autoclearing*/        
+        .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+        .wym_dialog div.row                  { display: inline-block; }
+            /* Hides from IE-mac \*/
+            * html .wym_dialog div.row       { height: 1%; }
+            .wym_dialog div.row              { display: block; }
+            /* End hide from IE-mac */                
+            
+/*WYMEDITOR_LINK*/
+        a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }

data/public/javascripts/wymeditor/skins/default/skin.js

@@ -0,0 +1,40 @@
+WYMeditor.SKINS['default'] = {
+
+    init: function(wym) {
+
+        //render following sections as panels
+        jQuery(wym._box).find(wym._options.classesSelector)
+          .addClass("wym_panel");
+
+        //render following sections as buttons
+        jQuery(wym._box).find(wym._options.toolsSelector)
+          .addClass("wym_buttons");
+
+        //render following sections as dropdown menus
+        jQuery(wym._box).find(wym._options.containersSelector)
+          .addClass("wym_dropdown")
+          .find(WYMeditor.H2)
+          .append("<span>&#160;&gt;</span>");
+
+        // auto add some margin to the main area sides if left area
+        // or right area are not empty (if they contain sections)
+        jQuery(wym._box).find("div.wym_area_right ul")
+          .parents("div.wym_area_right").show()
+          .parents(wym._options.boxSelector)
+          .find("div.wym_area_main")
+          .css({"margin-right": "155px"});
+
+        jQuery(wym._box).find("div.wym_area_left ul")
+          .parents("div.wym_area_left").show()
+          .parents(wym._options.boxSelector)
+          .find("div.wym_area_main")
+          .css({"margin-left": "155px"});
+
+        //make hover work under IE < 7
+        jQuery(wym._box).find(".wym_section").hover(function(){
+          jQuery(this).addClass("hover");
+        },function(){
+          jQuery(this).removeClass("hover");
+        });
+    }
+};