ckeditor-bootstrap-rails 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 05563998cb2f0261c6d15d3d31bd2147a4ef9cf7
+  data.tar.gz: 39fe9bdb3535fc705e14d75b6a4164a99c68c3a3
+SHA512:
+  metadata.gz: 135f31a8ec642819a5b201fa1933aa20196d518483d0bc52b9f47e49856df5ae5baa88584b41c3a56fa28fdec642ebe05f99a810584d81844315b6aa07faf90f
+  data.tar.gz: 1df0c150507b00805c58960070b6a680a112f64030f4cecb0ab0fedb359ab53cd60c8c5868c7f88c1983161ceaf2b61861eac668166ddb93704221118085f4d7

data/.gitignore

@@ -0,0 +1,4 @@
+.bundle/
+log/*.log
+pkg/
+.idea

data/ckeditor-bootstrap-rails.gemspec

@@ -0,0 +1,18 @@
+# encoding: utf-8
+require File.expand_path('../lib/ckeditor-bootstrap-rails/version', __FILE__)
+
+Gem::Specification.new do |s|
+  s.name            = 'ckeditor-bootstrap-rails'
+  s.version         = CKEditorBootstrap::VERSION
+  s.authors         = ['Yaroslav Konoplov']
+  s.email           = ['the.yivo@gmail.com']
+  s.homepage        = 'https://github.com/yivo/ckeditor-bootstrap_rails'
+  s.summary         = 'an asset gemification of the github.com/Kunstmaan/BootstrapCK4-Skin'
+  s.description     = 'This is ckeditor theme (github.com/Kunstmaan/BootstrapCK4-Skin) integrated with rails'
+  s.license         = 'MIT'
+
+  s.executables     = `git ls-files -z -- bin/*`.split("\x0").map{ |f| File.basename(f) }
+  s.files           = `git ls-files -z`.split("\x0")
+  s.test_files      = `git ls-files -z -- {test,spec,features}/*`.split("\x0")
+  s.require_paths   = ['lib']
+end

data/lib/ckeditor-bootstrap-rails.rb

@@ -0,0 +1,2 @@
+require 'ckeditor-bootstrap-rails/version'
+require 'ckeditor-bootstrap-rails/engine' if defined?(Rails)

data/lib/ckeditor-bootstrap-rails/engine.rb

@@ -0,0 +1,41 @@
+module CKEditorBootstrap
+  module Rails
+    class Engine < ::Rails::Engine
+
+      initializer :images do |app|
+        images = %w(
+          arrow.png
+
+          close.png
+          lock.png
+          lock-open.png
+          refresh.png
+
+          hidpi/close.png
+          hidpi/lock.png
+          hidpi/lock-open.png
+          hidpi/refresh.png
+
+          icons.png
+          icons_hidpi.png
+        )
+
+        images.map! { |path| "ckeditor-bootstrap/#{path}" }
+        app.config.assets.precompile += images
+      end
+
+      initializer :stylesheets do |app|
+
+        # Add scripts to precompile
+        # editor.css can be requested by fonts plugin
+        # contents.css is requested from ckeditor iframe
+        app.config.assets.precompile += %w(
+          ckeditor-bootstrap/contents.css
+          ckeditor-bootstrap/editor.css
+        )
+      end
+
+    end
+  end
+end
+

data/lib/ckeditor-bootstrap-rails/version.rb

@@ -0,0 +1,3 @@
+module CKEditorBootstrap
+  VERSION = '1.0.0'
+end

data/vendor/assets/javascripts/ckeditor-bootstrap/skin.js

@@ -0,0 +1,274 @@
+/**
+ * @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+/*
+ skin.js
+ =========
+
+ In this file we interact with the CKEditor JavaScript API to register the skin
+ and enable additional skin related features.
+
+ The level of complexity of this file depends on the features available in the
+ skin. There is only one mandatory line of code to be included here, which is
+ setting CKEDITOR.skin.name. All the rest is optional, but recommended to be
+ implemented as they make higher quality skins.
+
+ For this skin, the following tasks are achieved in this file:
+
+ 1. Register the skin.
+ 2. Register browser specific skin files.
+ 3. Define the "Chameleon" feature.
+ 4. Register the skin icons, to have them used on the development version of
+ the skin.
+ */
+
+// 1. Register the skin
+// ----------------------
+// The CKEDITOR.skin.name property must be set to the skin name. This is a
+// lower-cased name, which must match the skin folder name as well as the value
+// used on config.skin to tell the editor to use the skin.
+//
+// This is the only mandatory property to be defined in this file.
+CKEDITOR.skin.name = 'bootstrapck';
+
+// 2. Register browser specific skin files
+// -----------------------------------------
+// (http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Browser_Hacks)
+//
+// To help implementing browser specific "hacks" to the skin files and have it
+// easy to maintain, it is possible to have dedicated files for such browsers,
+// for both the main skin CSS files: editor.css and dialog.css.
+//
+// The browser files must be named after the main file names, appended by an
+// underscore and the browser name (e.g. editor_ie.css, dialog_ie8.css).
+//
+// The accepted browser names must match the CKEDITOR.env properties. The most
+// common names are: ie, opera, webkit and gecko. Check the documentation for
+// the complete list:
+// http://docs.ckeditor.com/#!/api/CKEDITOR.env
+//
+// Internet explorer is an expection and the browser version is also accepted
+// (ie7, ie8, ie9, ie10), as well as a special name for IE in Quirks mode (iequirks).
+//
+// The available browser specific files must be set separately for editor.css
+// and dialog.css.
+CKEDITOR.skin.ua_editor = '';
+CKEDITOR.skin.ua_dialog = '';
+
+// 3. Define the "Chameleon" feature
+// -----------------------------------
+// (http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Chameleon)
+//
+// "Chameleon" is a unique feature available in CKEditor. It makes it possible
+// to end users to specify which color to use as the basis for the editor UI.
+// It is enough to set config.uiColor to any color value and voila, the UI is
+// colored.
+//
+// The only detail here is that the skin itself must be compatible with the
+// Chameleon feature. That's because the skin CSS files are the responsible to
+// apply colors in the UI and each skin do that in different way and on
+// different places.
+//
+// Implementing the Chameleon feature requires a bit of JavaScript programming.
+// The CKEDITOR.skin.chameleon function must be defined. It must return the CSS
+// "template" to be used to change the color of a specific CKEditor instance
+// available in the page. When a color change is required, this template is
+// appended to the page holding the editor, overriding styles defined in the
+// skin files.
+//
+// The "$color" placeholder can be used in the returned string. It'll be
+// replaced with the desired color.
+CKEDITOR.skin.chameleon = ( function() {
+    // This method can be used to adjust colour brightness of various element.
+    // Colours are accepted in 7-byte hex format, for example: #00ff00.
+    // Brightness ratio must be a float number within [-1, 1],
+    // where -1 is black, 1 is white and 0 is the original colour.
+    var colorBrightness = ( function() {
+            function channelBrightness( channel, ratio ) {
+                return ( '0' + ( ratio < 0 ?
+                0 | channel * ( 1 + ratio )
+                    :
+                0 | channel + ( 255 - channel ) * ratio ).toString( 16 )
+                ).slice( -2 );
+            }
+
+            return function( hexColor, ratio ) {
+                var channels = hexColor.match( /[^#]./g );
+
+                for ( var i = 0 ; i < 3 ; i++ )
+                    channels[ i ] = channelBrightness( parseInt( channels[ i ], 16 ), ratio );
+
+                return '#' + channels.join( '' );
+            };
+        } )(),
+
+    // Use this function just to avoid having to repeat all these rules on
+    // several places of our template.
+        verticalGradient = ( function() {
+            var template = new CKEDITOR.template( 'background:#{to};'+
+            'background-image:-webkit-gradient(linear,lefttop,leftbottom,from({from}),to({to}));'+
+            'background-image:-moz-linear-gradient(top,{from},{to});'+
+            'background-image:-webkit-linear-gradient(top,{from},{to});'+
+            'background-image:-o-linear-gradient(top,{from},{to});'+
+            'background-image:-ms-linear-gradient(top,{from},{to});'+
+            'background-image:linear-gradient(top,{from},{to});'+
+            'filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=\'{from}\',endColorstr=\'{to}\');' );
+
+            return function( from, to ) {
+                return template.output( { from: from, to: to } );
+            };
+        } )(),
+
+    // Style templates for various user interface parts:
+    // 	* Default editor template.
+    // 	* Default panel template.
+        templates = {
+            editor: new CKEDITOR.template(
+                '{id}.cke_chrome [border-color:{defaultBorder};] ' +
+                '{id} .cke_top [ ' +
+                '{defaultGradient}' +
+                'border-bottom-color:{defaultBorder};' +
+                '] ' +
+                '{id} .cke_bottom [' +
+                '{defaultGradient}' +
+                'border-top-color:{defaultBorder};' +
+                '] ' +
+                '{id} .cke_resizer [border-right-color:{ckeResizer}] ' +
+
+                    // Dialogs.
+                '{id} .cke_dialog_title [' +
+                '{defaultGradient}' +
+                'border-bottom-color:{defaultBorder};' +
+                '] ' +
+                '{id} .cke_dialog_footer [' +
+                '{defaultGradient}' +
+                'outline-color:{defaultBorder};' +
+                'border-top-color:{defaultBorder};' +	// IE7 doesn't use outline.
+                '] ' +
+                '{id} .cke_dialog_tab [' +
+                '{lightGradient}' +
+                'border-color:{defaultBorder};' +
+                '] ' +
+                '{id} .cke_dialog_tab:hover [' +
+                '{mediumGradient}' +
+                '] ' +
+                '{id} .cke_dialog_contents [' +
+                'border-top-color:{defaultBorder};' +
+                '] ' +
+                '{id} .cke_dialog_tab_selected, {id} .cke_dialog_tab_selected:hover [' +
+                'background:{dialogTabSelected};' +
+                'border-bottom-color:{dialogTabSelectedBorder};' +
+                '] ' +
+                '{id} .cke_dialog_body [' +
+                'background:{dialogBody};' +
+                'border-color:{defaultBorder};' +
+                '] ' +
+
+                    // Toolbars, buttons.
+                '{id} .cke_toolgroup [' +
+                '{lightGradient}' +
+                'border-color:{defaultBorder};' +
+                '] ' +
+                '{id} a.cke_button_off:hover, {id} a.cke_button_off:focus, {id} a.cke_button_off:active [' +
+                '{mediumGradient}' +
+                '] ' +
+                '{id} .cke_button_on [' +
+                '{ckeButtonOn}' +
+                '] ' +
+                '{id} .cke_toolbar_separator [' +
+                'background-color: {ckeToolbarSeparator};' +
+                '] ' +
+
+                    // Combo buttons.
+                '{id} .cke_combo_button [' +
+                'border-color:{defaultBorder};' +
+                '{lightGradient}' +
+                '] ' +
+                '{id} a.cke_combo_button:hover, {id} a.cke_combo_button:focus, {id} .cke_combo_on a.cke_combo_button [' +
+                'border-color:{defaultBorder};' +
+                '{mediumGradient}' +
+                '] ' +
+
+                    // Elementspath.
+                '{id} .cke_path_item [' +
+                'color:{elementsPathColor};' +
+                '] ' +
+                '{id} a.cke_path_item:hover, {id} a.cke_path_item:focus, {id} a.cke_path_item:active [' +
+                'background-color:{elementsPathBg};' +
+                '] ' +
+
+                '{id}.cke_panel [' +
+                'border-color:{defaultBorder};' +
+                '] '
+            ),
+            panel: new CKEDITOR.template(
+                // Panel drop-downs.
+                '.cke_panel_grouptitle [' +
+                '{lightGradient}' +
+                'border-color:{defaultBorder};' +
+                '] ' +
+
+                    // Context menus.
+                '.cke_menubutton_icon [' +
+                'background-color:{menubuttonIcon};' +
+                '] ' +
+                '.cke_menubutton:hover .cke_menubutton_icon, .cke_menubutton:focus .cke_menubutton_icon, .cke_menubutton:active .cke_menubutton_icon [' +
+                'background-color:{menubuttonIconHover};' +
+                '] ' +
+                '.cke_menuseparator [' +
+                'background-color:{menubuttonIcon};' +
+                '] ' +
+
+                    // Color boxes.
+                'a:hover.cke_colorbox, a:focus.cke_colorbox, a:active.cke_colorbox [' +
+                'border-color:{defaultBorder};' +
+                '] ' +
+                'a:hover.cke_colorauto, a:hover.cke_colormore, a:focus.cke_colorauto, a:focus.cke_colormore, a:active.cke_colorauto, a:active.cke_colormore [' +
+                'background-color:{ckeColorauto};' +
+                'border-color:{defaultBorder};' +
+                '] '
+            )
+        };
+
+    return function( editor, part ) {
+        var uiColor = editor.uiColor,
+        // The following are CSS styles used in templates.
+        // Styles are generated according to current editor.uiColor.
+            templateStyles = {
+                // CKEditor instances have a unique ID, which is used as class name into
+                // the outer container of the editor UI (e.g. ".cke_1").
+                //
+                // The Chameleon feature is available for each CKEditor instance,
+                // independently. Because of this, we need to prefix all CSS selectors with
+                // the unique class name of the instance.
+                id: '.' + editor.id,
+
+                // These styles are used by various UI elements.
+                defaultBorder: colorBrightness( uiColor, -0.1 ),
+                defaultGradient: verticalGradient( colorBrightness( uiColor, 0.9 ), uiColor ),
+                lightGradient: verticalGradient( colorBrightness( uiColor, 1 ), colorBrightness( uiColor, 0.7 ) ),
+                mediumGradient: verticalGradient( colorBrightness( uiColor, 0.8 ), colorBrightness( uiColor, 0.5 ) ),
+
+                // These are for specific UI elements.
+                ckeButtonOn: verticalGradient( colorBrightness( uiColor, 0.6 ), colorBrightness( uiColor, 0.7 ) ),
+                ckeResizer: colorBrightness( uiColor, -0.4 ),
+                ckeToolbarSeparator: colorBrightness( uiColor, 0.5 ),
+                ckeColorauto: colorBrightness( uiColor, 0.8 ),
+                dialogBody: colorBrightness( uiColor, 0.7 ),
+                // Use gradient instead of simple hex to avoid further filter resetting in IE.
+                dialogTabSelected: verticalGradient( '#FFFFFF', '#FFFFFF' ),
+                dialogTabSelectedBorder: '#FFF',
+                elementsPathColor: colorBrightness( uiColor, -0.6 ),
+                elementsPathBg: uiColor,
+                menubuttonIcon: colorBrightness( uiColor, 0.5 ),
+                menubuttonIconHover: colorBrightness( uiColor, 0.3 )
+            };
+
+        return templates[ part ]
+            .output( templateStyles )
+            .replace( /\[/g, '{' )				// Replace brackets with braces.
+            .replace( /\]/g, '}' );
+    };
+} )();

data/vendor/assets/stylesheets/ckeditor-bootstrap/contents.scss

@@ -0,0 +1,118 @@
+/*
+Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+body {
+  /* Font */
+  font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
+  font-size: 12px;
+
+  /* Text color */
+  color: #333;
+
+  /* Remove the background color to make it transparent */
+  background-color: #fff;
+
+  margin: 20px;
+}
+
+.cke_editable {
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+blockquote {
+  font-style: italic;
+  font-family: Georgia, Times, "Times New Roman", serif;
+  padding: 2px 0;
+  border-style: solid;
+  border-color: #ccc;
+  border-width: 0;
+}
+
+.cke_contents_ltr blockquote {
+  padding-left: 20px;
+  padding-right: 8px;
+  border-left-width: 5px;
+}
+
+.cke_contents_rtl blockquote {
+  padding-left: 8px;
+  padding-right: 20px;
+  border-right-width: 5px;
+}
+
+a {
+  color: #0782C1;
+}
+
+ol, ul, dl {
+  /* IE7: reset rtl list margin. (#7334) */
+  *margin-right: 0px;
+  /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
+  padding: 0 40px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: normal;
+  line-height: 1.2;
+}
+
+hr {
+  border: 0px;
+  border-top: 1px solid #ccc;
+}
+
+img.right {
+  border: 1px solid #ccc;
+  float: right;
+  margin-left: 15px;
+  padding: 5px;
+}
+
+img.left {
+  border: 1px solid #ccc;
+  float: left;
+  margin-right: 15px;
+  padding: 5px;
+}
+
+pre {
+  white-space: pre-wrap; /* CSS 2.1 */
+  word-wrap: break-word; /* IE7 */
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  -webkit-tab-size: 4;
+  tab-size: 4;
+}
+
+.marker {
+  background-color: Yellow;
+}
+
+span[lang] {
+  font-style: italic;
+}
+
+figure {
+  text-align: center;
+  border: solid 1px #ccc;
+  border-radius: 2px;
+  background: rgba(0, 0, 0, 0.05);
+  padding: 10px;
+  margin: 10px 20px;
+  display: inline-block;
+}
+
+figure > figcaption {
+  text-align: center;
+  display: block; /* For IE8 */
+}
+
+a > img {
+  padding: 1px;
+  margin: 1px;
+  border: none;
+  outline: 1px solid #0782C1;
+}