esp-ckeditor 0.1.0

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_attachment/lang/en.js

@@ -0,0 +1,22 @@
+CKEDITOR.plugins.setLang('esp_attachment', 'en',
+{
+  esp_attachment:
+  {
+    title: "Insert attachment",
+    button: "Attachment",
+    url: "URL",
+    name: "Title",
+    browseServer  : 'Browse',
+
+    link:
+    {
+      targetNotSet: '<undefined>',
+      targetFrame: '<frame>',
+      targetNew: 'New window (_blank)',
+      targetTop: 'Topmost window (_top)',
+      targetSelf: 'Same window (_self)',
+      targetParent: 'Parent window (_parent)'
+    }
+  }
+});
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_attachment/lang/ru.js

@@ -0,0 +1,22 @@
+CKEDITOR.plugins.setLang('esp_attachment', 'ru',
+{
+  esp_attachment:
+  {
+    title: "Вставить файл",
+    button: "Файл",
+    url: "Ссылка на файл",
+    name: "Название файла",
+    browseServer  : 'Вставить',
+
+    link:
+    {
+      targetNotSet: '<не определено>',
+      targetFrame: '<фрейм>',
+      targetNew: 'Новое окно (_blank)',
+      targetTop: 'Самое верхнее окно (_top)',
+      targetSelf: 'Тоже окно (_self)',
+      targetParent: 'Родительское окно (_parent)'
+    }
+  }
+});
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_attachment/lang/uk.js

@@ -0,0 +1,22 @@
+CKEDITOR.plugins.setLang('esp_attachment', 'uk',
+{
+  esp_attachment:
+  {
+    title: "Вставити файл",
+    button: "Файл",
+    url: "Посилання на файл",
+    name: "Назва файлу",
+    browseServer  : 'Вставити',
+
+    link:
+    {
+      targetNotSet: '<не визначено>',
+      targetFrame: '<фрейм>',
+      targetNew: 'Нове вікно (_blank)',
+      targetTop: 'Саме верхнє вікно (_top)',
+      targetSelf: 'Теж вікно (_self)',
+      targetParent: 'Батьківське вікно (_parent)'
+    }
+  }
+});
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_attachment/plugin.js

@@ -0,0 +1,23 @@
+(function () {
+  var esp_attachmentCmd = {
+    exec: function (editor) {
+      editor.openDialog('esp_attachment');
+      return
+    }
+  };
+  CKEDITOR.plugins.add('esp_attachment', {
+    lang: ['en', 'ru', 'uk'],
+    requires: ['dialog'],
+    init: function (editor) {
+      var commandName = 'esp_attachment';
+      editor.addCommand(commandName, esp_attachmentCmd);
+      editor.ui.addButton('Esp_attachment', {
+        label: editor.lang.esp_attachment.button,
+        command: commandName,
+        icon: this.path + "images/esp_attachment.png"
+      });
+      CKEDITOR.dialog.add(commandName, CKEDITOR.getUrl(this.path + 'dialogs/esp_attachment.js'))
+    }
+  })
+})();
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_audio/dialogs/esp_audio.js

@@ -0,0 +1,207 @@
+CKEDITOR.dialog.add( 'esp_audio', function ( editor )
+{
+  var lang = editor.lang.esp_audio;
+
+  function commitValue( audioNode, extraStyles )
+  {
+    var value=this.getValue();
+
+    if ( !value && this.id=='id' )
+      value = generateId();
+
+    audioNode.setAttribute( this.id, value);
+
+    if ( !value )
+      return;
+    switch( this.id )
+    {
+      case 'width':
+        extraStyles.width = value + 'px';
+        break;
+      case 'height':
+        extraStyles.height = value + 'px';
+        break;
+    }
+  }
+
+  function commitSrc( audioNode, extraStyles, audios )
+  {
+    var match = this.id.match(/(\w+)(\d)/),
+      id = match[1],
+      number = parseInt(match[2], 10);
+
+    var audio = audios[number] || (audios[number]={});
+    audio[id] = this.getValue();
+  }
+
+  function loadValue( audioNode )
+  {
+    if ( audioNode )
+      this.setValue( audioNode.getAttribute( this.id ) );
+    else
+    {
+      if ( this.id == 'id')
+        this.setValue( generateId() );
+    }
+  }
+
+  function loadSrc( audioNode, audios )
+  {
+    var match = this.id.match(/(\w+)(\d)/),
+      id = match[1],
+      number = parseInt(match[2], 10);
+
+    var audio = audios[number];
+    if (!audio)
+      return;
+    this.setValue( audio[ id ] );
+  }
+
+  function generateId()
+  {
+    var now = new Date();
+    return 'audio' + now.getFullYear() + now.getMonth() + now.getDate() + now.getHours() + now.getMinutes() + now.getSeconds();
+  }
+
+  // To automatically get the dimensions of the poster image
+  var onImgLoadEvent = function()
+  {
+    // Image is ready.
+    var preview = this.previewImage;
+    preview.removeListener( 'load', onImgLoadEvent );
+    preview.removeListener( 'error', onImgLoadErrorEvent );
+    preview.removeListener( 'abort', onImgLoadErrorEvent );
+
+    this.setValueOf( 'info', 'width', preview.$.width );
+    this.setValueOf( 'info', 'height', preview.$.height );
+  };
+
+  var onImgLoadErrorEvent = function()
+  {
+    // Error. Image is not loaded.
+    var preview = this.previewImage;
+    preview.removeListener( 'load', onImgLoadEvent );
+    preview.removeListener( 'error', onImgLoadErrorEvent );
+    preview.removeListener( 'abort', onImgLoadErrorEvent );
+  };
+
+  return {
+    title : lang.dialogTitle,
+    minWidth : 400,
+    minHeight : 50,
+
+    onShow : function()
+    {
+      // Clear previously saved elements.
+      this.fakeImage = this.audioNode = null;
+      // To get dimensions of poster image
+      this.previewImage = editor.document.createElement( 'img' );
+
+      var fakeImage = this.getSelectedElement();
+      if ( fakeImage && fakeImage.data( 'cke-real-element-type' ) && fakeImage.data( 'cke-real-element-type' ) == 'audio' )
+      {
+        this.fakeImage = fakeImage;
+
+        var audioNode = editor.restoreRealElement( fakeImage ),
+          audios = [];
+
+        audios.push( {src : audioNode.getAttribute( 'src' )} );
+
+        this.audioNode = audioNode;
+
+        this.setupContent( audioNode, audios );
+      }
+      else
+        this.setupContent( null, [] );
+    },
+
+    onOk : function()
+    {
+      // If there's no selected element create one. Otherwise, reuse it
+      var audioNode = null;
+      if ( !this.fakeImage )
+      {
+        audioNode = CKEDITOR.dom.element.createFromHtml( '<cke:audio></cke:audio>', editor.document );
+        audioNode.setAttributes(
+          {
+            controls: 'controls',
+            src:  this.getValueOf( 'info', 'src0')
+          } );
+      }
+      else
+      {
+        audioNode = this.audioNode;
+      }
+
+      var extraStyles = {}, audios = [];
+      this.commitContent( audioNode, extraStyles, audios );
+
+      var innerHtml = '', links = '',
+        link = lang.linkTemplate || '',
+        fallbackTemplate = lang.fallbackTemplate || '';
+
+      links = link.replace('%src%', this.getValueOf('info', 'src0')).replace('%type%', this.getValueOf('info', 'src0').split('/').pop());
+      audioNode.setHtml( innerHtml + fallbackTemplate.replace( '%links%', links ) );
+
+      // Refresh the fake image.
+      var newFakeImage = editor.createFakeElement( audioNode, 'cke_audio', 'audio', false );
+      newFakeImage.setStyles( extraStyles );
+      if ( this.fakeImage )
+      {
+        newFakeImage.replace( this.fakeImage );
+        editor.getSelection().selectElement( newFakeImage );
+      }
+      else
+        editor.insertElement( newFakeImage );
+    },
+    onHide : function()
+    {
+      if ( this.previewImage )
+      {
+        this.previewImage.removeListener( 'load', onImgLoadEvent );
+        this.previewImage.removeListener( 'error', onImgLoadErrorEvent );
+        this.previewImage.removeListener( 'abort', onImgLoadErrorEvent );
+        this.previewImage.remove();
+        this.previewImage = null;    // Dialog is closed.
+      }
+    },
+
+    contents :
+    [
+      {
+        id : 'info',
+        elements :
+        [
+          {
+            type : 'hbox',
+            widths: [ '320px', '80px'],
+            children : [
+              {
+                type : 'text',
+                id : 'src0',
+                label : lang.sourceAudio,
+                commit : commitSrc,
+                setup : loadSrc
+              },
+              {
+                type : 'button',
+                id : 'browse',
+                hidden : 'true',
+                style : 'display:inline-block;margin-top:10px;',
+                filebrowser :
+                {
+                  action : 'Browse',
+                  target: 'info:src0',
+                  url: editor.config.filebrowserAudioBrowseUrl || editor.config.filebrowserBrowseUrl
+                },
+                label : editor.lang.esp_audio.browseServer
+              }
+              ]
+          }
+        ]
+      }
+
+    ]
+  };
+} );
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_audio/lang/en.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'esp_audio', 'en',
+{
+  esp_audio:
+  {
+    toolbar: 'Audio',
+    dialogTitle: 'Audio properties',
+    browseServer: 'Browse',
+    fakeObject: 'Audio',
+    properties: 'Edit Audio',
+    widthRequired: 'Width field cannot be empty',
+    heightRequired: 'Height field cannot be empty',
+    sourceAudio: 'Source audio',
+    sourceType: 'Audio type',
+    linkTemplate:  '<a href="%src%">%type%</a> ',
+    fallbackTemplate: 'Your browser doesn\'t support audio. Please download the file: %links%'
+  }
+});
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_audio/lang/ru.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'esp_audio', 'ru',
+{
+  esp_audio:
+  {
+    toolbar: 'Аудио',
+    dialogTitle: 'Параметры аудио',
+    browseServer: 'Выбор',
+    fakeObject: 'Аудио',
+    properties: 'Редактировать аудио',
+    widthRequired: 'Поле "ширина" не может быть пустым',
+    heightRequired: 'Поле "высота" не может быть пустым',
+    sourceAudio: 'Источник',
+    sourceType: 'Тип источника',
+    linkTemplate:  '<a href="%src%">%type%</a> ',
+    fallbackTemplate: 'Ваш браузер не поддерживает тэг audio. Вы можете скачать файл: %links%'
+  }
+});
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_audio/lang/uk.js

@@ -0,0 +1,18 @@
+CKEDITOR.plugins.setLang( 'esp_audio', 'uk',
+{
+  esp_audio:
+  {
+    toolbar: 'Аудіо',
+    dialogTitle: 'Параметри аудіо',
+    browseServer: 'Вибір',
+    fakeObject: 'Аудіо',
+    properties: 'Редагувати аудіо',
+    widthRequired: 'Поле "ширина" не може бути порожнім',
+    heightRequired: 'Поле "висота" не може бути порожнім',
+    sourceAudio: 'Джерело',
+    sourceType: 'Тип джерела',
+    linkTemplate:  '<a href="%src%">%type%</a> ',
+    fallbackTemplate: 'Ваш браузер не підтримує тег audio. Ви можете завантажити файл: %links%'
+  }
+});
+

data/app/assets/javascripts/esp-ckeditor/_source/plugins/esp_audio/plugin.js

@@ -0,0 +1,182 @@
+/*
+ * @file Esp_audio plugin for CKEditor
+ * Copyright (C) 2011 Alfonso Martínez de Lizarrondo
+ *
+ * == BEGIN LICENSE ==
+ *
+ * Licensed under the terms of any of the following licenses at your
+ * choice:
+ *
+ *  - GNU General Public License Version 2 or later (the "GPL")
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
+ *    http://www.gnu.org/licenses/lgpl.html
+ *
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")
+ *    http://www.mozilla.org/MPL/MPL-1.1.html
+ *
+ * == END LICENSE ==
+ *
+ */
+
+CKEDITOR.plugins.add( 'esp_audio',
+{
+  // Translations, available at the end of this file, without extra requests
+  lang: ['en', 'ru', 'uk'],
+  init : function( editor )
+  {
+    var lang = editor.lang.esp_audio;
+
+    // Check for CKEditor 3.5
+    if (typeof editor.element.data == 'undefined')
+    {
+      alert('The "audio" plugin requires CKEditor 3.5 or newer');
+      return;
+    }
+
+    CKEDITOR.dialog.add( 'esp_audio', this.path + 'dialogs/esp_audio.js' );
+
+    editor.addCommand( 'esp_audio', new CKEDITOR.dialogCommand( 'esp_audio' ) );
+    editor.ui.addButton( 'Esp_audio',
+      {
+        label : lang.toolbar,
+        command : 'esp_audio',
+        icon : this.path + 'images/esp_audio.png'
+      } );
+
+    editor.addCss(
+      'img.cke_audio' +
+      '{' +
+        'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/placeholder.png' ) + ');' +
+        'background-position: center center;' +
+        'background-repeat: no-repeat;' +
+        'background-color: gray;'+
+        'border: 1px solid #a9a9a9;' +
+        'width: 300px;' +
+        'height: 64px;' +
+      '}');
+
+
+      // If the "menu" plugin is loaded, register the menu items.
+      if ( editor.addMenuItems )
+      {
+        editor.addMenuItems(
+          {
+            audio :
+            {
+              label : lang.properties,
+              command : 'audio',
+              group : 'flash'
+            }
+          });
+      }
+
+      editor.on( 'doubleclick', function( evt )
+        {
+          var element = evt.data.element;
+
+          if ( element.is( 'img' ) && element.data( 'cke-real-element-type' ) == 'audio' )
+            evt.data.dialog = 'audio';
+        });
+
+      // If the "contextmenu" plugin is loaded, register the listeners.
+      if ( editor.contextMenu )
+      {
+        editor.contextMenu.addListener( function( element, selection )
+          {
+            if ( element && element.is( 'img' ) && !element.isReadOnly()
+                && element.data( 'cke-real-element-type' ) == 'audio' )
+              return { audio : CKEDITOR.TRISTATE_OFF };
+          });
+      }
+
+    // Add special handling for these items
+    CKEDITOR.dtd.$empty['cke:source']=1;
+    CKEDITOR.dtd.$empty['source']=1;
+
+    editor.lang.fakeobjects.audio = lang.fakeObject;
+
+
+  }, //Init
+
+  afterInit: function( editor )
+  {
+
+  var dataProcessor = editor.dataProcessor,
+    htmlFilter = dataProcessor && dataProcessor.htmlFilter,
+    dataFilter = dataProcessor && dataProcessor.dataFilter;
+        var handler = editor.plugins.googleMapsHandler;
+
+  // dataFilter : conversion from html input to internal data
+  dataFilter.addRules(
+    {
+
+    elements : {
+      $ : function( realElement )
+      {
+          if ( realElement.name == 'audio' )
+          {
+            realElement.name = 'cke:audio';
+            var fakeElement = editor.createFakeParserElement( realElement, 'cke_audio', 'audio', false ),
+              fakeStyle = fakeElement.attributes.style || '';
+
+            var width = realElement.attributes.width,
+              height = realElement.attributes.height,
+              poster = realElement.attributes.poster;
+
+            if ( typeof width != 'undefined' )
+              fakeStyle = fakeElement.attributes.style = fakeStyle + 'width:' + CKEDITOR.tools.cssLength( width ) + ';';
+
+            if ( typeof height != 'undefined' )
+              fakeStyle = fakeElement.attributes.style = fakeStyle + 'height:' + CKEDITOR.tools.cssLength( height ) + ';';
+
+            if ( poster )
+              fakeStyle = fakeElement.attributes.style = fakeStyle + 'background-image:url(' + poster + ');';
+
+            return fakeElement;
+          }
+      }
+    }
+
+    }
+  );
+
+  // htmlFilter : conversion from internal data to html output.
+  htmlFilter.addRules(
+    {
+      elements :
+      {
+        $ : function( element )
+        {
+          if ( element.name == 'img' )
+          {
+
+            var number = element.attributes.mapnumber;
+            if (number)
+            {
+              var scriptNode,
+                handler = editor.plugins.googleMapsHandler,
+                oMap = handler.getMap( number ) ;
+
+              if (oMap && oMap.generatedType>1)
+              {
+                handler.CreatedMapsNames.push( oMap.number ) ;
+                // Inject the <script> for this map
+                scriptNode = new CKEDITOR.htmlParser.cdata( oMap.BuildScript() );
+                element.parent.children.push( scriptNode );
+              }
+              delete element.attributes.mapnumber;
+            }
+          }
+
+          return element;
+        }
+      }
+    });
+
+
+
+  }
+} );
+