Skip to content

Instantly share code, notes, and snippets.

@boye

boye/Esites_Editor.xml

Last active August 29, 2015 14:22
Download ZIP

Revisions

  1. boye revised this gist Aug 6, 2015. 1 changed file with 1 addition and 21 deletions.
    22 changes: 1 addition & 21 deletions Esites_Editor.xml
    View file
    Original file line number Diff line number Diff line change
    @@ -1,29 +1,9 @@
    <?xml version="1.0"?>
    <!--
    /**
    * Magento
    *
    * NOTICE OF LICENSE
    *
    * This source file is subject to the Open Software License (OSL 3.0)
    * that is bundled with this package in the file LICENSE.txt.
    * It is also available through the world-wide-web at this URL:
    * http://opensource.org/licenses/osl-3.0.php
    * If you did not receive a copy of the license and are unable to
    * obtain it through the world-wide-web, please send an email
    * to license@magentocommerce.com so we can send you a copy immediately.
    *
    * @category Esites
    * @package Esites_Editor
    * @copyright Copyright (c) 2015 E-sites (http://www.e-sites.nl)
    * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
    */
    -->
    <config>
    <modules>
    <Esites_Editor>
    <active>true</active>
    <codePool>local</codePool>
    <codePool>community</codePool>
    </Esites_Editor>
    </modules>
    </config>
  2. boye revised this gist Jun 12, 2015. 1 changed file with 0 additions and 93 deletions.
    93 changes: 0 additions & 93 deletions esites_editor_plugin_src.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,93 +0,0 @@
    /**
    * Magento Advanced HTML Editor
    * This is the TinyMCE plugin of the Magento extension that incorporates the CodeMirror library
    *
    * @author : Boye Oomens <boye@e-sites.nl>
    * @version : 0.1.0
    * @license : OSL 3.0
    * @see : http://codemirror.net/
    * @see : http://emmet.io/
    */

    /*global tinymce, wysiwygpage_content */
    (function () {

    'use strict';

    var pluginName = 'esites_editor',
    /*jshint camelcase:false */
    plugins = wysiwygpage_content.config.plugins,
    each = tinymce.each,
    tiny;

    tinymce.PluginManager.requireLangPack(pluginName);

    tinymce.create('tinymce.plugins.EsitesEditorPlugin', {

    /**
    * Default plugin configuration
    *
    * @type {Object}
    */
    defaults: {
    emmet: false,
    theme: 'default',
    codeFolding: false
    },

    /**
    * Plugin settings
    * Will be populated with the Magento config values
    *
    * @type {Object}
    */
    settings: {},

    /**
    * Main init method that kickstarts all plugin logic
    *
    * @param {Object} ed editor instance
    * @param {String} url plugin url
    */
    init: function (ed, url) {
    tiny = this;
    tiny.editor = ed;
    tiny.url = url;

    // Loop through the available plugins in `wysiwygpage_content`
    // to extract and extend the config options from the Magento back-end
    // It feels a bit hacky, I am not sure if there is better way to do this...
    each(plugins, function (el) {
    if ( el.name === pluginName ) {
    tiny.settings = tinymce.extend(tiny.defaults, el.config);
    }
    });

    // Finally, register the command and add the button
    tiny.editor.addCommand('mceEsitesEditor', tiny.showSourceEditor);
    tiny.editor.addButton(pluginName, {
    image: tiny.url + '/img/icon-esites-editor.png',
    title: pluginName + '.editor_button',
    cmd: 'mceEsitesEditor'
    });
    },

    /**
    * Calls TinyMCE's windowManager to actually open the editor
    */
    showSourceEditor: function () {
    tiny.editor.windowManager.open({
    width: tiny.editor.getParam('code_dialog_width', 900),
    height: tiny.editor.getParam('code_dialog_height', 600),
    inline: true,
    maximizable: true,
    file: tiny.url + '/esites_editor.html'
    }, {
    plugin_url : tiny.url
    });
    }
    });

    // Register plugin
    tinymce.PluginManager.add('esites_editor', tinymce.plugins.EsitesEditorPlugin);
    }());
  3. boye revised this gist Jun 12, 2015. 1 changed file with 93 additions and 0 deletions.
    93 changes: 93 additions & 0 deletions esites_editor_plugin_src.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,93 @@
    /**
    * Magento Advanced HTML Editor
    * This is the TinyMCE plugin of the Magento extension that incorporates the CodeMirror library
    *
    * @author : Boye Oomens <boye@e-sites.nl>
    * @version : 0.1.0
    * @license : OSL 3.0
    * @see : http://codemirror.net/
    * @see : http://emmet.io/
    */

    /*global tinymce, wysiwygpage_content */
    (function () {

    'use strict';

    var pluginName = 'esites_editor',
    /*jshint camelcase:false */
    plugins = wysiwygpage_content.config.plugins,
    each = tinymce.each,
    tiny;

    tinymce.PluginManager.requireLangPack(pluginName);

    tinymce.create('tinymce.plugins.EsitesEditorPlugin', {

    /**
    * Default plugin configuration
    *
    * @type {Object}
    */
    defaults: {
    emmet: false,
    theme: 'default',
    codeFolding: false
    },

    /**
    * Plugin settings
    * Will be populated with the Magento config values
    *
    * @type {Object}
    */
    settings: {},

    /**
    * Main init method that kickstarts all plugin logic
    *
    * @param {Object} ed editor instance
    * @param {String} url plugin url
    */
    init: function (ed, url) {
    tiny = this;
    tiny.editor = ed;
    tiny.url = url;

    // Loop through the available plugins in `wysiwygpage_content`
    // to extract and extend the config options from the Magento back-end
    // It feels a bit hacky, I am not sure if there is better way to do this...
    each(plugins, function (el) {
    if ( el.name === pluginName ) {
    tiny.settings = tinymce.extend(tiny.defaults, el.config);
    }
    });

    // Finally, register the command and add the button
    tiny.editor.addCommand('mceEsitesEditor', tiny.showSourceEditor);
    tiny.editor.addButton(pluginName, {
    image: tiny.url + '/img/icon-esites-editor.png',
    title: pluginName + '.editor_button',
    cmd: 'mceEsitesEditor'
    });
    },

    /**
    * Calls TinyMCE's windowManager to actually open the editor
    */
    showSourceEditor: function () {
    tiny.editor.windowManager.open({
    width: tiny.editor.getParam('code_dialog_width', 900),
    height: tiny.editor.getParam('code_dialog_height', 600),
    inline: true,
    maximizable: true,
    file: tiny.url + '/esites_editor.html'
    }, {
    plugin_url : tiny.url
    });
    }
    });

    // Register plugin
    tinymce.PluginManager.add('esites_editor', tinymce.plugins.EsitesEditorPlugin);
    }());
  4. boye created this gist Jun 12, 2015.
    29 changes: 29 additions & 0 deletions Esites_Editor.xml
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    <?xml version="1.0"?>
    <!--
    /**
    * Magento
    *
    * NOTICE OF LICENSE
    *
    * This source file is subject to the Open Software License (OSL 3.0)
    * that is bundled with this package in the file LICENSE.txt.
    * It is also available through the world-wide-web at this URL:
    * http://opensource.org/licenses/osl-3.0.php
    * If you did not receive a copy of the license and are unable to
    * obtain it through the world-wide-web, please send an email
    * to license@magentocommerce.com so we can send you a copy immediately.
    *
    * @category Esites
    * @package Esites_Editor
    * @copyright Copyright (c) 2015 E-sites (http://www.e-sites.nl)
    * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
    */
    -->
    <config>
    <modules>
    <Esites_Editor>
    <active>true</active>
    <codePool>local</codePool>
    </Esites_Editor>
    </modules>
    </config>