cable 0.1.0

data/lib/generators/cable/templates/javascripts/wymeditor/plugins/hovertools/jquery.wymeditor.hovertools.js

@@ -0,0 +1,57 @@
+/*
+ * 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.hovertools.js
+ *        hovertools plugin for WYMeditor
+ *
+ * File Authors:
+ *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ */
+
+//Extend WYMeditor
+WYMeditor.editor.prototype.hovertools = function() {
+  
+  var wym = this;
+  
+  //bind events on buttons
+  jQuery(this._box).find(this._options.toolSelector).hover(
+    function() {
+      wym.status(jQuery(this).html());
+    },
+    function() {
+      wym.status(' ');
+    }
+  );
+
+  //classes: add/remove a style attr to matching elems
+  //while mouseover/mouseout
+  jQuery(this._box).find(this._options.classSelector).hover(
+    function() {
+      var aClasses = eval(wym._options.classesItems);
+      var sName = jQuery(this).attr(WYMeditor.NAME);
+      var oClass = WYMeditor.Helper.findByName(aClasses, sName);
+
+      if(oClass){
+        jqexpr = oClass.expr;
+        //don't use jQuery.find() on the iframe body
+        //because of MSIE + jQuery + expando issue (#JQ1143)
+        if(!jQuery.browser.msie)
+          jQuery(wym._doc).find(jqexpr).css('background-color','#cfc');
+      }
+    },
+    function() {
+      //don't use jQuery.find() on the iframe body
+      //because of MSIE + jQuery + expando issue (#JQ1143)
+      if(!jQuery.browser.msie)
+        jQuery(wym._doc).find('*').removeAttr('style');
+    }
+  );
+
+};

data/lib/generators/cable/templates/javascripts/wymeditor/plugins/mediabrowser/jquery.wymeditor.mediabrowser.js

@@ -0,0 +1,115 @@
+(function($, undefined) {
+    function MediaBrowser (options, wym) {
+        var self = this;
+        
+        this.options = $.extend(true, {}, this.defaults, options); 
+        
+        this.element = $('<div id="' + this.options.dialogClass + '-' + new Date().getTime() + '" class="' + this.options.dialogClass + '"></div>')
+            .hide()
+            .appendTo(document.body)
+            .dialog(this.options.dialog)
+            .bind('dialogclose', $.proxy(this, 'onClose'))
+            .data('mediaBrowser', this);
+        
+        this.wym = wym;
+        
+        if (this.options.onInit) {
+            this.options.onInit();
+        }
+    };
+    
+    MediaBrowser.prototype = {
+        defaults: {
+            dialogClass: 'media-browser',
+            contentSelector: 'img',
+            contentEvent: 'dblclick',
+            reloadOnOpen: true,
+            url: '/admin/photos/wym',
+            dialog: {
+                title: 'Media Browser',
+                autoOpen: false,
+                width: 900,
+                height: 700,
+                modal: true
+            },
+            onInit: null,
+            onLoad: null
+        },
+        
+        open: function (targetElement) {
+            this.targetElement = targetElement = (targetElement && targetElement[0]) || targetElement;
+
+            this.element.dialog('open');
+            
+            if (this.options.reloadOnOpen || !this.element[0].children.length) {
+                this.element.load(this.options.url, $.proxy(this, 'onLoad'));
+            } else {
+                this.onLoad();
+            }
+        },
+        
+        onLoad: function () {
+            if (this.options.onLoad) {
+                this.options.onLoad();
+            }
+        },
+        
+        onClose: function () {
+            this.element.removeData('targetElement');
+            this.targetElement = null;
+        },
+        
+        insert: function (html, place) {
+            var container = $(this.wym.selected(), this.wym._doc);
+                targetElement = (place && typeof place === 'object') ? 
+                    place : this.targetElement;
+            
+            switch (place) {
+                case 'prepend':
+                    container.prepend(html);
+                break;
+                case 'append':
+                    container.append(html);
+                break;
+                default: // replace
+                    if (targetElement) {
+                        $(targetElement, this.wym._doc).replaceWith(html);
+                    } else {
+                        this.wym.insert(html);
+                    }
+            }
+        }
+    };
+
+    // Extend WYMeditor
+    WYMeditor.editor.prototype.initMediaBrowser = function(options) {
+        var browser = new MediaBrowser(options, this),
+            wym = this;
+
+        // Construct the button's html
+        var html = "<li class='wym_tools_media'>"
+            + "<a name='Media browser' href='#'"
+            + " style='background-image:"
+            + " url(" + wym._options.basePath +"plugins/mediabrowser/browser.png)'>"
+            + "Meda browser"
+            + "</a></li>",
+
+        // Add the button to the tools box
+            li = $(html).appendTo(
+                    $(wym._box).find(wym._options.toolsSelector 
+                                    + wym._options.toolsListSelector));
+
+        // Handle button click event
+        li.children('a').bind('click', function() {
+            browser.open(wym._selected_image);
+        });
+        
+        // Handle events inside the editor
+        $(wym._doc).bind(browser.options.contentEvent, function (event) {
+            var target = $(event.target);
+            if (target.is(browser.options.contentSelector)) {
+                browser.open(target);
+            }
+        });
+    }; 
+})(jQuery)

data/lib/generators/cable/templates/javascripts/wymeditor/plugins/resizable/jquery.wymeditor.resizable.js

@@ -0,0 +1,91 @@
+/*
+ * 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.resizable.js
+ *        resize plugin for WYMeditor
+ *
+ * File Authors:
+ *        Peter Eschler (peschler _at_ gmail.com)
+ *        Jean-Francois Hovinne - http://www.hovinne.com/
+ *
+ * Version:
+ *        0.4
+ *
+ * Changelog:
+ *
+ * 0.4
+ *     - Removed UI and UI.resizable scripts loading - see #167 (jfh).
+ *
+ * 0.3
+ *     - Added 'iframeOriginalSize' and removed 'ui.instance' calls (jfh).
+ *
+ * 0.2
+ *     - Added full support for all jQueryUI resizable plugin options.
+ *     - Refactored and documented code.
+ * 0.1
+ *     - Initial release.
+ */
+
+/**
+ * The resizable plugin makes the wymeditor box vertically resizable.
+ * It it based on the ui.resizable.js plugin of the jQuery UI library.
+ *
+ * The WYMeditor resizable plugin supports all parameters of the jQueryUI
+ * resizable plugin. The parameters are passed like this:
+ *
+ *         wym.resizable({ handles: "s,e",
+ *                         maxHeight: 600 });
+ *
+ * DEPENDENCIES: jQuery UI, jQuery UI resizable
+ *
+ * @param options options for the plugin  
+ */
+WYMeditor.editor.prototype.resizable = function(options) {
+  
+    var wym = this;
+    var iframe = jQuery(wym._box).find('iframe');
+    var iframeOriginalSize = {};
+
+    // Define some default options
+    var default_options = {
+        start: function(e, ui) {               
+            iframeOriginalSize = {
+                width: jQuery(iframe).width(),
+                height: jQuery(iframe).height()
+            }
+        },
+
+        // resize is called by the jQuery resizable plugin whenever the
+        // client area was resized.
+        resize: function(e, ui) {                
+            var diff = ui.size.height - ui.originalSize.height;
+            jQuery(iframe).height( iframeOriginalSize.height + diff );
+
+            // If the plugin has horizontal resizing disabled we need to
+            // adjust the "width" attribute of the area css, because the
+            // resizing will set a fixed width (which breaks liquid layout
+            // of the wymeditor area).
+            if( !ui.options.handles['w'] && !ui.options.handles['e'] ) {
+                ui.size.width = "inherit";
+            }
+        },
+        handles: "s,e,se",
+        minHeight: 250,
+        maxHeight: 600
+    };
+
+    // Merge given options with default options. Given options override
+    // default ones.
+    var final_options = jQuery.extend(default_options, options);
+
+    if(jQuery.isFunction( jQuery.fn.resizable )) jQuery(wym._box).resizable(final_options);
+    else WYMeditor.console.error('Oops, jQuery UI.resizable unavailable.');
+
+};

data/lib/generators/cable/templates/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/lib/generators/cable/templates/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/lib/generators/cable/templates/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.");
+        }
+    });
+};