Subversion Repositories Sites.tela-botanica.org

Rev

Rev 609 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
420 florian 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);