Mode.js
1.87 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
87
88
89
90
/**
* Mode.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
*/
/**
* Mode switcher logic.
*
* @private
* @class tinymce.Mode
*/
define("tinymce/Mode", [], function() {
function setEditorCommandState(editor, cmd, state) {
try {
editor.getDoc().execCommand(cmd, false, state);
} catch (ex) {
// Ignore
}
}
function clickBlocker(editor) {
var target, handler;
target = editor.getBody();
handler = function(e) {
if (editor.dom.getParents(e.target, 'a').length > 0) {
e.preventDefault();
}
};
editor.dom.bind(target, 'click', handler);
return {
unbind: function() {
editor.dom.unbind(target, 'click', handler);
}
};
}
function toggleReadOnly(editor, state) {
if (editor._clickBlocker) {
editor._clickBlocker.unbind();
editor._clickBlocker = null;
}
if (state) {
editor._clickBlocker = clickBlocker(editor);
editor.selection.controlSelection.hideResizeRect();
editor.readonly = true;
editor.getBody().contentEditable = false;
} else {
editor.readonly = false;
editor.getBody().contentEditable = true;
setEditorCommandState(editor, "StyleWithCSS", false);
setEditorCommandState(editor, "enableInlineTableEditing", false);
setEditorCommandState(editor, "enableObjectResizing", false);
editor.focus();
editor.nodeChanged();
}
}
function setMode(editor, mode) {
var currentMode = editor.readonly ? 'readonly' : 'design';
if (mode == currentMode) {
return;
}
if (editor.initialized) {
toggleReadOnly(editor, mode == 'readonly');
} else {
editor.on('init', function() {
toggleReadOnly(editor, mode == 'readonly');
});
}
// Event is NOT preventable
editor.fire('SwitchMode', {mode: mode});
}
return {
setMode: setMode
};
});