← Back to branch summary

~kosova/+junk/tuxfamily-twiki

« back to all changes in this revision

Viewing changes to foswiki/pub/System/TinyMCEPlugin/tinymce/jscripts/tiny_mce/plugins/noneditable/editor_plugin_src.js

  • Committer: James Michael DuPont
  • Date: 2009-07-18 19:58:49 UTC
  • Revision ID: jamesmikedupont@gmail.com-20090718195849-vgbmaht2ys791uo2
added foswiki

Show diffs side-by-side

added added

removed removed

Lines of Context:
foswiki/pub/System/TinyMCEPlugin/tinymce/jscripts/tiny_mce/plugins/noneditable/editor_plugin_src.js
 
1
/**
 
2
 * $Id: editor_plugin_src.js 205 2007-02-12 18:58:29Z spocke $
 
3
 *
 
4
 * @author Moxiecode
 
5
 * @copyright Copyright � 2004-2007, Moxiecode Systems AB, All rights reserved.
 
6
 */
 
7
 
 
8
var TinyMCE_NonEditablePlugin = {
 
9
        getInfo : function() {
 
10
                return {
 
11
                        longname : 'Non editable elements',
 
12
                        author : 'Moxiecode Systems AB',
 
13
                        authorurl : 'http://tinymce.moxiecode.com',
 
14
                        infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/noneditable',
 
15
                        version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
 
16
                };
 
17
        },
 
18
 
 
19
        initInstance : function(inst) {
 
20
                tinyMCE.importCSS(inst.getDoc(), tinyMCE.baseURL + "/plugins/noneditable/css/noneditable.css");
 
21
 
 
22
                // Ugly hack
 
23
                if (tinyMCE.isMSIE5_0)
 
24
                        tinyMCE.settings['plugins'] = tinyMCE.settings['plugins'].replace(/noneditable/gi, 'Noneditable');
 
25
        },
 
26
 
 
27
        handleEvent : function(e) {
 
28
                return this._moveSelection(e, tinyMCE.selectedInstance);
 
29
        },
 
30
 
 
31
        cleanup : function(type, content, inst) {
 
32
                switch (type) {
 
33
                        case "insert_to_editor_dom":
 
34
                                var nodes, i, editClass, nonEditClass, editable, elm;
 
35
 
 
36
                                // Pass through Gecko
 
37
                                if (tinyMCE.isGecko)
 
38
                                        return content;
 
39
 
 
40
                                nodes = tinyMCE.getNodeTree(content, [], 1);
 
41
 
 
42
                                editClass = tinyMCE.getParam("noneditable_editable_class", "mceEditable");
 
43
                                nonEditClass = tinyMCE.getParam("noneditable_noneditable_class", "mceNonEditable");
 
44
 
 
45
                                for (i=0; i<nodes.length; i++) {
 
46
                                        elm = nodes[i];
 
47
 
 
48
                                        // Convert contenteditable to classes
 
49
                                        editable = tinyMCE.getAttrib(elm, "contenteditable");
 
50
                                        if (new RegExp("true|false","gi").test(editable))
 
51
                                                TinyMCE_NonEditablePlugin._setEditable(elm, editable == "true");
 
52
 
 
53
                                        if (tinyMCE.isIE) {
 
54
                                                if (tinyMCE.hasCSSClass(elm, editClass))
 
55
                                                        elm.contentEditable = true;
 
56
 
 
57
                                                if (tinyMCE.hasCSSClass(elm, nonEditClass))
 
58
                                                        elm.contentEditable = false;
 
59
                                        }
 
60
                                }
 
61
 
 
62
                                break;
 
63
 
 
64
                        case "insert_to_editor":
 
65
                                var editClass = tinyMCE.getParam("noneditable_editable_class", "mceEditable");
 
66
                                var nonEditClass = tinyMCE.getParam("noneditable_noneditable_class", "mceNonEditable");
 
67
 
 
68
                                // Replace mceItem to new school
 
69
                                content = content.replace(/mceItemEditable/g, editClass);
 
70
                                content = content.replace(/mceItemNonEditable/g, nonEditClass);
 
71
 
 
72
                                if (tinyMCE.isIE && (content.indexOf(editClass) != -1 || content.indexOf(nonEditClass) != -1)) {
 
73
                                        content = content.replace(new RegExp("class=\"(.+)(" + editClass + ")\"", "gi"), 'class="$1$2" contenteditable="true"');
 
74
                                        content = content.replace(new RegExp("class=\"(.+)(" + nonEditClass + ")\"", "gi"), 'class="$1$2" contenteditable="false"');
 
75
                                        content = content.replace(new RegExp("class=\"(" + editClass + ")([^\"]*)\"", "gi"), 'class="$1$2" contenteditable="true"');
 
76
                                        content = content.replace(new RegExp("class=\"(" + nonEditClass + ")([^\"]*)\"", "gi"), 'class="$1$2" contenteditable="false"');
 
77
                                        content = content.replace(new RegExp("class=\"(.+)(" + editClass + ")([^\"]*)\"", "gi"), 'class="$1$2$3" contenteditable="true"');
 
78
                                        content = content.replace(new RegExp("class=\"(.+)(" + nonEditClass + ")([^\"]*)\"", "gi"), 'class="$1$2$3" contenteditable="false"');
 
79
                                }
 
80
 
 
81
                                break;
 
82
 
 
83
                        case "get_from_editor_dom":
 
84
                                // Pass through Gecko
 
85
                                if (tinyMCE.isGecko)
 
86
                                        return content;
 
87
 
 
88
                                if (tinyMCE.getParam("noneditable_leave_contenteditable", false)) {
 
89
                                        var nodes = tinyMCE.getNodeTree(content, new Array(), 1);
 
90
 
 
91
                                        for (var i=0; i<nodes.length; i++)
 
92
                                                nodes[i].removeAttribute("contenteditable");
 
93
                                }
 
94
 
 
95
                                break;
 
96
                }
 
97
 
 
98
                return content;
 
99
        },
 
100
 
 
101
        _moveSelection : function(e, inst) {
 
102
                var s, r, sc, ec, el, c = tinyMCE.getParam('noneditable_editable_class', 'mceNonEditable');
 
103
 
 
104
                if (!inst)
 
105
                        return true;
 
106
 
 
107
                // Always select whole element
 
108
                if (tinyMCE.isGecko) {
 
109
                        s = inst.selection.getSel();
 
110
                        r = s.getRangeAt(0);
 
111
                        sc = tinyMCE.getParentNode(r.startContainer, function (n) {return tinyMCE.hasCSSClass(n, c);});
 
112
                        ec = tinyMCE.getParentNode(r.endContainer, function (n) {return tinyMCE.hasCSSClass(n, c);});
 
113
 
 
114
                        sc && r.setStartBefore(sc);
 
115
                        ec && r.setEndAfter(ec);
 
116
 
 
117
                        if (sc || ec) {
 
118
                                if (e.type == 'keypress' && e.keyCode == 39) {
 
119
                                        el = sc || ec;
 
120
 
 
121
                                        // Try!!
 
122
                                }
 
123
 
 
124
                                s.removeAllRanges();
 
125
                                s.addRange(r);
 
126
 
 
127
                                return tinyMCE.cancelEvent(e);
 
128
                        }
 
129
                }
 
130
 
 
131
                return true;
 
132
        },
 
133
 
 
134
        _setEditable : function(elm, state) {
 
135
                var editClass = tinyMCE.getParam("noneditable_editable_class", "mceEditable");
 
136
                var nonEditClass = tinyMCE.getParam("noneditable_noneditable_class", "mceNonEditable");
 
137
 
 
138
                var className = elm.className ? elm.className : "";
 
139
 
 
140
                if (className.indexOf(editClass) != -1 || className.indexOf(nonEditClass) != -1)
 
141
                        return;
 
142
 
 
143
                if ((className = tinyMCE.getAttrib(elm, "class")) != "")
 
144
                        className += " ";
 
145
 
 
146
                className += state ? editClass : nonEditClass;
 
147
 
 
148
                elm.setAttribute("class", className);
 
149
                elm.className = className;
 
150
        }
 
151
};
 
152
 
 
153
tinyMCE.addPlugin("noneditable", TinyMCE_NonEditablePlugin);