plugin.js
2.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
/**
* 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');
});
});