mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-08-02 08:45:39 +02:00
8f23fa99a5
The 'admin' module will be split off from 'framework', where 'framework' only provides (mostly) frontend-agnostic PHP classes. For example, HTMLEditorField.php has a TinyMCEConfig.php driver, but doesn't come with its own JS includes.
87 lines
2.1 KiB
JavaScript
87 lines
2.1 KiB
JavaScript
/**
|
|
* plugin.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/*global tinymce:true */
|
|
|
|
tinymce.PluginManager.add('visualblocks', function(editor, url) {
|
|
var cssId, visualBlocksMenuItem, enabled;
|
|
|
|
// We don't support older browsers like IE6/7 and they don't provide prototypes for DOM objects
|
|
if (!window.NodeList) {
|
|
return;
|
|
}
|
|
|
|
function toggleActiveState() {
|
|
var self = this;
|
|
|
|
self.active(enabled);
|
|
|
|
editor.on('VisualBlocks', function() {
|
|
self.active(editor.dom.hasClass(editor.getBody(), 'mce-visualblocks'));
|
|
});
|
|
}
|
|
|
|
editor.addCommand('mceVisualBlocks', function() {
|
|
var dom = editor.dom, linkElm;
|
|
|
|
if (!cssId) {
|
|
cssId = dom.uniqueId();
|
|
linkElm = dom.create('link', {
|
|
id: cssId,
|
|
rel: 'stylesheet',
|
|
href: url + '/css/visualblocks.css'
|
|
});
|
|
|
|
editor.getDoc().getElementsByTagName('head')[0].appendChild(linkElm);
|
|
}
|
|
|
|
// Toggle on/off visual blocks while computing previews
|
|
editor.on("PreviewFormats AfterPreviewFormats", function(e) {
|
|
if (enabled) {
|
|
dom.toggleClass(editor.getBody(), 'mce-visualblocks', e.type == "afterpreviewformats");
|
|
}
|
|
});
|
|
|
|
dom.toggleClass(editor.getBody(), 'mce-visualblocks');
|
|
enabled = editor.dom.hasClass(editor.getBody(), 'mce-visualblocks');
|
|
|
|
if (visualBlocksMenuItem) {
|
|
visualBlocksMenuItem.active(dom.hasClass(editor.getBody(), 'mce-visualblocks'));
|
|
}
|
|
|
|
editor.fire('VisualBlocks');
|
|
});
|
|
|
|
editor.addButton('visualblocks', {
|
|
title: 'Show blocks',
|
|
cmd: 'mceVisualBlocks',
|
|
onPostRender: toggleActiveState
|
|
});
|
|
|
|
editor.addMenuItem('visualblocks', {
|
|
text: 'Show blocks',
|
|
cmd: 'mceVisualBlocks',
|
|
onPostRender: toggleActiveState,
|
|
selectable: true,
|
|
context: 'view',
|
|
prependToContext: true
|
|
});
|
|
|
|
editor.on('init', function() {
|
|
if (editor.settings.visualblocks_default_state) {
|
|
editor.execCommand('mceVisualBlocks', false, null, {skip_focus: true});
|
|
}
|
|
});
|
|
|
|
editor.on('remove', function() {
|
|
editor.dom.removeClass(editor.getBody(), 'mce-visualblocks');
|
|
});
|
|
});
|