bootstrap_wysiwyg-rails 1.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 39a0b37f2e84eb19e09d6d0bc88ade6ec226470a
+  data.tar.gz: cc5ee0b9cf4532ec46fcdbf0339a13a23bacbd16
+SHA512:
+  metadata.gz: 179d706dfb5e98be4556ee6e81a88ecb4d498095daf3db3eb05b429b48a34b6c86178e607886cf000242d11b11bf8c24429c7275780f534ab70ca7bf8707ddd3
+  data.tar.gz: 20d0cfba83c45bcf65dde00ab4dc4d21584d64148e5fb2675425c409c045f99fa61ce390c9b93f5e5062ba9adb4ab411acf626cf7485227c523192cd8b6d4655

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 ldewald
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,26 @@
+# bootstrap_wysiwyg-rails
+
+bootstrap_wysiwyg-rails wraps the [bootstrap-wysiwyg](https://github.com/steveathon/bootstrap-wysiwyg) library in a Rails engine for use with Rails 3.1 or higher. bootstrap-wysiwyg is a "Tiny Bootstrap and JQuery Based WISWYG rich text editor based on browser execCommand."
+
+## Usage
+Add the following to your gemfile:
+
+    gem "bootstrap_wysiwyg-rails"
+
+In your JavaScript manifest file (application.js) include the following:
+
+    //= require jquery.hotkeys
+    //= require bootstrap-wysiwyg
+
+For complete usage instructions, see [http://mindmup.github.com/bootstrap-wysiwyg/](http://mindmup.github.com/bootstrap-wysiwyg/)
+## Versioning
+Versioning will attempt to match the current bootstrap-wysiwyg version.
+
+## What's included
+* bootstrap-wysiwyg 1.0.1
+* jquery.hotkeys 0.8
+
+## Dependencies
+* [jQuery](http://jquery.com/)
+* [jQuery HotKeys](https://github.com/jeresig/jquery.hotkeys)
+* [Bootstrap](http://twitter.github.com/bootstrap/)

data/lib/bootstrap_wysiwyg-rails.rb

@@ -0,0 +1,8 @@
+require "bootstrap_wysiwyg-rails/version"
+
+module BootstrapWysiwyg
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/bootstrap_wysiwyg-rails/version.rb

@@ -0,0 +1,5 @@
+module BootstrapWysiwyg
+  module Rails
+    VERSION = "1.0.1"
+  end
+end

data/vendor/assets/javascripts/bootstrap-wysiwyg.js

@@ -0,0 +1,332 @@
+/* @fileoverview
+ * Provides full bootstrap based, multi-instance WYSIWYG editor.
+ *
+ * "Name"    = 'bootstrap-wysiwyg'
+ * "Author"  = 'Various, see LICENCE'
+ * "Version" = '1.0.1'
+ * "About"   = 'Tiny Bootstrap and JQuery Based WISWYG rich text editor.'
+ */
+(function ($) {
+  'use strict';
+  /** underscoreThrottle()
+   *  From underscore http://underscorejs.org/docs/underscore.html
+   */
+  var underscoreThrottle = function(func, wait) {
+    var context, args, timeout, result;
+    var previous = 0;
+    var later = function() {
+      previous = new Date;
+      timeout = null;
+      result = func.apply(context, args);
+    };
+    return function() {
+      var now = new Date;
+      var remaining = wait - (now - previous);
+      context = this;
+      args = arguments;
+      if (remaining <= 0) {
+        clearTimeout(timeout);
+        timeout = null;
+        previous = now;
+        result = func.apply(context, args);
+      } else if (!timeout) {
+        timeout = setTimeout(later, remaining);
+      }
+      return result;
+    };
+  }
+  var readFileIntoDataUrl = function (fileInfo) {
+    var loader = $.Deferred(),
+      fReader = new FileReader();
+    fReader.onload = function (e) {
+      loader.resolve(e.target.result);
+    };
+    fReader.onerror = loader.reject;
+    fReader.onprogress = loader.notify;
+    fReader.readAsDataURL(fileInfo);
+    return loader.promise();
+  };
+  $.fn.cleanHtml = function (o) {
+    if ( $(this).data("wysiwyg-html-mode") === true ) {
+      $(this).html($(this).text());
+          $(this).attr('contenteditable',true);
+          $(this).data('wysiwyg-html-mode',false);
+    }
+
+    // Strip the images with src="data:image/.." out;
+    if ( o === true && $(this).parent().is("form") ) {
+      var gGal = $(this).html;
+      if ( $(gGal).has( "img" ).length ) {
+        var gImages = $( "img", $(gGal));
+        var gResults = [];
+        var gEditor = $(this).parent();
+        $.each(gImages, function(i,v) {
+          if ( $(v).attr('src').match(/^data:image\/.*$/) ) {
+            gResults.push(gImages[i]);
+            $(gEditor).prepend("<input value='"+$(v).attr('src')+"' type='hidden' name='postedimage/"+i+"' />");
+            $(v).attr('src', 'postedimage/'+i);
+        }});
+      }
+    }
+    var html = $(this).html();
+    return html && html.replace(/(<br>|\s|<div><br><\/div>|&nbsp;)*$/, '');
+  };
+  $.fn.wysiwyg = function (userOptions) {
+    var editor = this,
+      wrapper = $(editor).parent(),
+      selectedRange,
+      options,
+      toolbarBtnSelector,
+      updateToolbar = function () {
+        if (options.activeToolbarClass) {
+          $(options.toolbarSelector,wrapper).find(toolbarBtnSelector).each(underscoreThrottle(function () {
+            var commandArr = $(this).data(options.commandRole).split(' '),
+              command = commandArr[0];
+
+            // If the command has an argument and its value matches this button. == used for string/number comparison
+            if (commandArr.length > 1 && document.queryCommandEnabled(command) && document.queryCommandValue(command) == commandArr[1]) {
+              $(this).addClass(options.activeToolbarClass);
+            // Else if the command has no arguments and it is active
+            } else if (commandArr.length === 1 && document.queryCommandEnabled(command) && document.queryCommandState(command)) {
+              $(this).addClass(options.activeToolbarClass);
+            // Else the command is not active
+            } else {
+              $(this).removeClass(options.activeToolbarClass);
+            }
+          }, options.keypressTimeout));
+        }
+      },
+      execCommand = function (commandWithArgs, valueArg) {
+        var commandArr = commandWithArgs.split(' '),
+          command = commandArr.shift(),
+          args = commandArr.join(' ') + (valueArg || '');
+
+        var parts = commandWithArgs.split('-');
+
+        if ( parts.length == 1 ) {
+          document.execCommand(command, 0, args);
+        }
+        else if ( parts[0] == 'format' && parts.length == 2) {
+          document.execCommand('formatBlock', false, parts[1] );
+        }
+
+        editor.trigger('change');
+        updateToolbar();
+      },
+      bindHotkeys = function (hotKeys) {
+        $.each(hotKeys, function (hotkey, command) {
+          editor.keydown(hotkey, function (e) {
+            if (editor.attr('contenteditable') && editor.is(':visible')) {
+              e.preventDefault();
+              e.stopPropagation();
+              execCommand(command);
+            }
+          }).keyup(hotkey, function (e) {
+            if (editor.attr('contenteditable') && editor.is(':visible')) {
+              e.preventDefault();
+              e.stopPropagation();
+            }
+          });
+        });
+
+        editor.keyup(function(){ editor.trigger('change'); });
+      },
+      getCurrentRange = function () {
+                var sel, range;
+                if (window.getSelection) {
+                    sel = window.getSelection();
+                    if (sel.getRangeAt && sel.rangeCount) {
+                        range = sel.getRangeAt(0);
+            }
+                } else if (document.selection) {
+                    range = document.selection.createRange();
+                } return range;
+      },
+      saveSelection = function () {
+        selectedRange = getCurrentRange();
+      },
+      restoreSelection = function () {
+        var selection;
+                if (window.getSelection || document.createRange) {
+                    selection = window.getSelection();
+                    if (selectedRange) {
+                        try {
+                            selection.removeAllRanges();
+                        } catch (ex) {
+                            document.body.createTextRange().select();
+                            document.selection.empty();
+                        }
+                        selection.addRange(selectedRange);
+                    }
+                }
+                else if (document.selection && selectedRange) {
+                  selectedRange.select()
+                }
+      },
+
+      // Adding Toggle HTML based on the work by @jd0000, but cleaned up a little to work in this context.
+            toggleHtmlEdit = function(a) {
+        if ( $(editor).data("wysiwyg-html-mode") !== true ) {
+          var oContent = $(editor).html();
+          var editorPre = $( "<pre />" )
+                  $(editorPre).append( document.createTextNode( oContent ) );
+                  $(editorPre).attr('contenteditable',true);
+                  $(editor).html(' ');
+                  $(editor).append($(editorPre));
+                    $(editor).attr('contenteditable', false);
+                    $(editor).data("wysiwyg-html-mode", true);
+                    $(editorPre).focus();
+                }
+                else {
+                  $(editor).html($(editor).text());
+                  $(editor).attr('contenteditable',true);
+                  $(editor).data('wysiwyg-html-mode',false);
+                    $(editor).focus();
+                }
+            },
+
+      insertFiles = function (files) {
+        editor.focus();
+        $.each(files, function (idx, fileInfo) {
+          if (/^image\//.test(fileInfo.type)) {
+            $.when(readFileIntoDataUrl(fileInfo)).done(function (dataUrl) {
+              execCommand('insertimage', dataUrl);
+              editor.trigger('image-inserted');
+            }).fail(function (e) {
+              options.fileUploadError("file-reader", e);
+            });
+          } else {
+            options.fileUploadError("unsupported-file-type", fileInfo.type);
+          }
+        });
+      },
+      markSelection = function (input, color) {
+        restoreSelection();
+        if (document.queryCommandSupported('hiliteColor')) {
+          document.execCommand('hiliteColor', 0, color || 'transparent');
+        }
+        saveSelection();
+        input.data(options.selectionMarker, color);
+      },
+      bindToolbar = function (toolbar, options) {
+        toolbar.find(toolbarBtnSelector, wrapper).click(function () {
+          restoreSelection();
+          editor.focus();
+
+                    if ($(this).data(options.commandRole) === 'html') {
+                        toggleHtmlEdit();
+                    }
+                    else {
+                      execCommand($(this).data(options.commandRole));
+                    }
+          saveSelection();
+        });
+        toolbar.find('[data-toggle=dropdown]').click(restoreSelection);
+
+        toolbar.find('input[type=text][data-' + options.commandRole + ']').on('webkitspeechchange change', function () {
+          var newValue = this.value; /* ugly but prevents fake double-calls due to selection restoration */
+          this.value = '';
+          restoreSelection();
+          if (newValue) {
+            editor.focus();
+            execCommand($(this).data(options.commandRole), newValue);
+          }
+          saveSelection();
+        }).on('focus', function () {
+          var input = $(this);
+          if (!input.data(options.selectionMarker)) {
+            markSelection(input, options.selectionColor);
+            input.focus();
+          }
+        }).on('blur', function () {
+          var input = $(this);
+          if (input.data(options.selectionMarker)) {
+            markSelection(input, false);
+          }
+        });
+        toolbar.find('input[type=file][data-' + options.commandRole + ']').change(function () {
+          restoreSelection();
+          if (this.type === 'file' && this.files && this.files.length > 0) {
+            insertFiles(this.files);
+          }
+          saveSelection();
+          this.value = '';
+        });
+      },
+      initFileDrops = function () {
+        editor.on('dragenter dragover', false)
+          .on('drop', function (e) {
+            var dataTransfer = e.originalEvent.dataTransfer;
+            e.stopPropagation();
+            e.preventDefault();
+            if (dataTransfer && dataTransfer.files && dataTransfer.files.length > 0) {
+              insertFiles(dataTransfer.files);
+            }
+          });
+      };
+    options = $.extend(true, {}, $.fn.wysiwyg.defaults, userOptions);
+    toolbarBtnSelector = 'a[data-' + options.commandRole + '],button[data-' + options.commandRole + '],input[type=button][data-' + options.commandRole + ']';
+    bindHotkeys(options.hotKeys);
+
+    // Support placeholder attribute on the DIV
+    if ($(this).attr('placeholder') != '') {
+      $(this).addClass('placeholderText');
+      $(this).html($(this).attr('placeholder'));
+      $(this).bind('focus',function(e) {
+        if ( $(this).attr('placeholder') != '' && $(this).text() == $(this).attr('placeholder') ) {
+          $(this).removeClass('placeholderText');
+          $(this).html('');
+        }
+      });
+      $(this).bind('blur',function(e) {
+        if ( $(this).attr('placeholder') != '' && $(this).text() == '' ) {
+          $(this).addClass('placeholderText');
+          $(this).html($(this).attr('placeholder'));
+        }
+      })
+    }
+
+    if (options.dragAndDropImages) {
+      initFileDrops();
+    }
+    bindToolbar($(options.toolbarSelector), options);
+    editor.attr('contenteditable', true)
+      .on('mouseup keyup mouseout', function () {
+        saveSelection();
+        updateToolbar();
+      });
+    $(window).bind('touchend', function (e) {
+      var isInside = (editor.is(e.target) || editor.has(e.target).length > 0),
+        currentRange = getCurrentRange(),
+        clear = currentRange && (currentRange.startContainer === currentRange.endContainer && currentRange.startOffset === currentRange.endOffset);
+      if (!clear || isInside) {
+        saveSelection();
+        updateToolbar();
+      }
+    });
+    return this;
+  };
+  $.fn.wysiwyg.defaults = {
+    hotKeys: {
+      'Ctrl+b meta+b': 'bold',
+      'Ctrl+i meta+i': 'italic',
+      'Ctrl+u meta+u': 'underline',
+      'Ctrl+z': 'undo',
+      'Ctrl+y meta+y meta+shift+z': 'redo',
+      'Ctrl+l meta+l': 'justifyleft',
+      'Ctrl+r meta+r': 'justifyright',
+      'Ctrl+e meta+e': 'justifycenter',
+      'Ctrl+j meta+j': 'justifyfull',
+      'Shift+tab': 'outdent',
+      'tab': 'indent'
+    },
+    toolbarSelector: '[data-role=editor-toolbar]',
+    commandRole: 'edit',
+    activeToolbarClass: 'btn-info',
+    selectionMarker: 'edit-focus-marker',
+    selectionColor: 'darkgrey',
+    dragAndDropImages: true,
+    keypressTimeout: 200,
+    fileUploadError: function (reason, detail) { console.log("File upload error", reason, detail); }
+  };
+}(window.jQuery));

data/vendor/assets/javascripts/jquery.hotkeys.js

@@ -0,0 +1,99 @@
+/*
+ * jQuery Hotkeys Plugin
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * Based upon the plugin by Tzury Bar Yochay:
+ * http://github.com/tzuryby/hotkeys
+ *
+ * Original idea by:
+ * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
+*/
+
+(function(jQuery){
+	
+	jQuery.hotkeys = {
+		version: "0.8",
+
+		specialKeys: {
+			8: "backspace", 9: "tab", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
+			20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
+			37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del", 
+			96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
+			104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/", 
+			112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8", 
+			120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 191: "/", 224: "meta"
+		},
+	
+		shiftNums: {
+			"`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&", 
+			"8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<", 
+			".": ">",  "/": "?",  "\\": "|"
+		}
+	};
+
+	function keyHandler( handleObj ) {
+		// Only care when a possible input has been specified
+		if ( typeof handleObj.data !== "string" ) {
+			return;
+		}
+		
+		var origHandler = handleObj.handler,
+			keys = handleObj.data.toLowerCase().split(" ");
+	
+		handleObj.handler = function( event ) {
+			// Don't fire in text-accepting inputs that we didn't directly bind to
+			if ( this !== event.target && (/textarea|select/i.test( event.target.nodeName ) ||
+				 event.target.type === "text") ) {
+				return;
+			}
+			
+			// Keypress represents characters, not special keys
+			var special = event.type !== "keypress" && jQuery.hotkeys.specialKeys[ event.which ],
+				character = String.fromCharCode( event.which ).toLowerCase(),
+				key, modif = "", possible = {};
+
+			// check combinations (alt|ctrl|shift+anything)
+			if ( event.altKey && special !== "alt" ) {
+				modif += "alt+";
+			}
+
+			if ( event.ctrlKey && special !== "ctrl" ) {
+				modif += "ctrl+";
+			}
+			
+			// TODO: Need to make sure this works consistently across platforms
+			if ( event.metaKey && !event.ctrlKey && special !== "meta" ) {
+				modif += "meta+";
+			}
+
+			if ( event.shiftKey && special !== "shift" ) {
+				modif += "shift+";
+			}
+
+			if ( special ) {
+				possible[ modif + special ] = true;
+
+			} else {
+				possible[ modif + character ] = true;
+				possible[ modif + jQuery.hotkeys.shiftNums[ character ] ] = true;
+
+				// "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
+				if ( modif === "shift+" ) {
+					possible[ jQuery.hotkeys.shiftNums[ character ] ] = true;
+				}
+			}
+
+			for ( var i = 0, l = keys.length; i < l; i++ ) {
+				if ( possible[ keys[i] ] ) {
+					return origHandler.apply( this, arguments );
+				}
+			}
+		};
+	}
+
+	jQuery.each([ "keydown", "keyup", "keypress" ], function() {
+		jQuery.event.special[ this ] = { add: keyHandler };
+	});
+
+})( jQuery );

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification
+name: bootstrap_wysiwyg-rails
+version: !ruby/object:Gem::Version
+  version: 1.0.1
+platform: ruby
+authors:
+- ldewald
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-12-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: 
+email:
+- laurardewald@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- lib/bootstrap_wysiwyg-rails.rb
+- lib/bootstrap_wysiwyg-rails/version.rb
+- vendor/assets/javascripts/bootstrap-wysiwyg.js
+- vendor/assets/javascripts/jquery.hotkeys.js
+homepage: https://github.com/ldewald/bootstrap_wysiwyg-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: bootstrap-wysiwyg packaged up for Rails
+test_files: []