| 1 |
lars |
1 |
/**
|
|
|
2 |
* editor_plugin_src.js
|
|
|
3 |
*
|
|
|
4 |
* Copyright 2011, Moxiecode Systems AB
|
|
|
5 |
* Released under LGPL License.
|
|
|
6 |
*
|
|
|
7 |
* License: http://tinymce.moxiecode.com/license
|
|
|
8 |
* Contributing: http://tinymce.moxiecode.com/contributing
|
|
|
9 |
*/
|
|
|
10 |
|
|
|
11 |
(function() {
|
|
|
12 |
var each = tinymce.each, Event = tinymce.dom.Event, bookmark;
|
|
|
13 |
|
|
|
14 |
// Skips text nodes that only contain whitespace since they aren't semantically important.
|
|
|
15 |
function skipWhitespaceNodes(e, next) {
|
|
|
16 |
while (e && (e.nodeType === 8 || (e.nodeType === 3 && /^[ \t\n\r]*$/.test(e.nodeValue)))) {
|
|
|
17 |
e = next(e);
|
|
|
18 |
}
|
|
|
19 |
return e;
|
|
|
20 |
}
|
|
|
21 |
|
|
|
22 |
function skipWhitespaceNodesBackwards(e) {
|
|
|
23 |
return skipWhitespaceNodes(e, function(e) {
|
|
|
24 |
return e.previousSibling;
|
|
|
25 |
});
|
|
|
26 |
}
|
|
|
27 |
|
|
|
28 |
function skipWhitespaceNodesForwards(e) {
|
|
|
29 |
return skipWhitespaceNodes(e, function(e) {
|
|
|
30 |
return e.nextSibling;
|
|
|
31 |
});
|
|
|
32 |
}
|
|
|
33 |
|
|
|
34 |
function hasParentInList(ed, e, list) {
|
|
|
35 |
return ed.dom.getParent(e, function(p) {
|
|
|
36 |
return tinymce.inArray(list, p) !== -1;
|
|
|
37 |
});
|
|
|
38 |
}
|
|
|
39 |
|
|
|
40 |
function isList(e) {
|
|
|
41 |
return e && (e.tagName === 'OL' || e.tagName === 'UL');
|
|
|
42 |
}
|
|
|
43 |
|
|
|
44 |
function splitNestedLists(element, dom) {
|
|
|
45 |
var tmp, nested, wrapItem;
|
|
|
46 |
tmp = skipWhitespaceNodesBackwards(element.lastChild);
|
|
|
47 |
while (isList(tmp)) {
|
|
|
48 |
nested = tmp;
|
|
|
49 |
tmp = skipWhitespaceNodesBackwards(nested.previousSibling);
|
|
|
50 |
}
|
|
|
51 |
if (nested) {
|
|
|
52 |
wrapItem = dom.create('li', { style: 'list-style-type: none;'});
|
|
|
53 |
dom.split(element, nested);
|
|
|
54 |
dom.insertAfter(wrapItem, nested);
|
|
|
55 |
wrapItem.appendChild(nested);
|
|
|
56 |
wrapItem.appendChild(nested);
|
|
|
57 |
element = wrapItem.previousSibling;
|
|
|
58 |
}
|
|
|
59 |
return element;
|
|
|
60 |
}
|
|
|
61 |
|
|
|
62 |
function attemptMergeWithAdjacent(e, allowDifferentListStyles, mergeParagraphs) {
|
|
|
63 |
e = attemptMergeWithPrevious(e, allowDifferentListStyles, mergeParagraphs);
|
|
|
64 |
return attemptMergeWithNext(e, allowDifferentListStyles, mergeParagraphs);
|
|
|
65 |
}
|
|
|
66 |
|
|
|
67 |
function attemptMergeWithPrevious(e, allowDifferentListStyles, mergeParagraphs) {
|
|
|
68 |
var prev = skipWhitespaceNodesBackwards(e.previousSibling);
|
|
|
69 |
if (prev) {
|
|
|
70 |
return attemptMerge(prev, e, allowDifferentListStyles ? prev : false, mergeParagraphs);
|
|
|
71 |
} else {
|
|
|
72 |
return e;
|
|
|
73 |
}
|
|
|
74 |
}
|
|
|
75 |
|
|
|
76 |
function attemptMergeWithNext(e, allowDifferentListStyles, mergeParagraphs) {
|
|
|
77 |
var next = skipWhitespaceNodesForwards(e.nextSibling);
|
|
|
78 |
if (next) {
|
|
|
79 |
return attemptMerge(e, next, allowDifferentListStyles ? next : false, mergeParagraphs);
|
|
|
80 |
} else {
|
|
|
81 |
return e;
|
|
|
82 |
}
|
|
|
83 |
}
|
|
|
84 |
|
|
|
85 |
function attemptMerge(e1, e2, differentStylesMasterElement, mergeParagraphs) {
|
|
|
86 |
if (canMerge(e1, e2, !!differentStylesMasterElement, mergeParagraphs)) {
|
|
|
87 |
return merge(e1, e2, differentStylesMasterElement);
|
|
|
88 |
} else if (e1 && e1.tagName === 'LI' && isList(e2)) {
|
|
|
89 |
// Fix invalidly nested lists.
|
|
|
90 |
e1.appendChild(e2);
|
|
|
91 |
}
|
|
|
92 |
return e2;
|
|
|
93 |
}
|
|
|
94 |
|
|
|
95 |
function canMerge(e1, e2, allowDifferentListStyles, mergeParagraphs) {
|
|
|
96 |
if (!e1 || !e2) {
|
|
|
97 |
return false;
|
|
|
98 |
} else if (e1.tagName === 'LI' && e2.tagName === 'LI') {
|
|
|
99 |
return e2.style.listStyleType === 'none' || containsOnlyAList(e2);
|
|
|
100 |
} else if (isList(e1)) {
|
|
|
101 |
return (e1.tagName === e2.tagName && (allowDifferentListStyles || e1.style.listStyleType === e2.style.listStyleType)) || isListForIndent(e2);
|
|
|
102 |
} else if (mergeParagraphs && e1.tagName === 'P' && e2.tagName === 'P') {
|
|
|
103 |
return true;
|
|
|
104 |
} else {
|
|
|
105 |
return false;
|
|
|
106 |
}
|
|
|
107 |
}
|
|
|
108 |
|
|
|
109 |
function isListForIndent(e) {
|
|
|
110 |
var firstLI = skipWhitespaceNodesForwards(e.firstChild), lastLI = skipWhitespaceNodesBackwards(e.lastChild);
|
|
|
111 |
return firstLI && lastLI && isList(e) && firstLI === lastLI && (isList(firstLI) || firstLI.style.listStyleType === 'none' || containsOnlyAList(firstLI));
|
|
|
112 |
}
|
|
|
113 |
|
|
|
114 |
function containsOnlyAList(e) {
|
|
|
115 |
var firstChild = skipWhitespaceNodesForwards(e.firstChild), lastChild = skipWhitespaceNodesBackwards(e.lastChild);
|
|
|
116 |
return firstChild && lastChild && firstChild === lastChild && isList(firstChild);
|
|
|
117 |
}
|
|
|
118 |
|
|
|
119 |
function merge(e1, e2, masterElement) {
|
|
|
120 |
var lastOriginal = skipWhitespaceNodesBackwards(e1.lastChild), firstNew = skipWhitespaceNodesForwards(e2.firstChild);
|
|
|
121 |
if (e1.tagName === 'P') {
|
|
|
122 |
e1.appendChild(e1.ownerDocument.createElement('br'));
|
|
|
123 |
}
|
|
|
124 |
while (e2.firstChild) {
|
|
|
125 |
e1.appendChild(e2.firstChild);
|
|
|
126 |
}
|
|
|
127 |
if (masterElement) {
|
|
|
128 |
e1.style.listStyleType = masterElement.style.listStyleType;
|
|
|
129 |
}
|
|
|
130 |
e2.parentNode.removeChild(e2);
|
|
|
131 |
attemptMerge(lastOriginal, firstNew, false);
|
|
|
132 |
return e1;
|
|
|
133 |
}
|
|
|
134 |
|
|
|
135 |
function findItemToOperateOn(e, dom) {
|
|
|
136 |
var item;
|
|
|
137 |
if (!dom.is(e, 'li,ol,ul')) {
|
|
|
138 |
item = dom.getParent(e, 'li');
|
|
|
139 |
if (item) {
|
|
|
140 |
e = item;
|
|
|
141 |
}
|
|
|
142 |
}
|
|
|
143 |
return e;
|
|
|
144 |
}
|
|
|
145 |
|
|
|
146 |
tinymce.create('tinymce.plugins.Lists', {
|
|
|
147 |
init: function(ed, url) {
|
|
|
148 |
var LIST_TABBING = 0;
|
|
|
149 |
var LIST_EMPTY_ITEM = 1;
|
|
|
150 |
var LIST_ESCAPE = 2;
|
|
|
151 |
var LIST_UNKNOWN = 3;
|
|
|
152 |
var state = LIST_UNKNOWN;
|
|
|
153 |
|
|
|
154 |
function isTabInList(e) {
|
|
|
155 |
return e.keyCode === 9 && (ed.queryCommandState('InsertUnorderedList') || ed.queryCommandState('InsertOrderedList'));
|
|
|
156 |
}
|
|
|
157 |
|
|
|
158 |
function isOnLastListItem() {
|
|
|
159 |
var li = getLi();
|
|
|
160 |
var grandParent = li.parentNode.parentNode;
|
|
|
161 |
var isLastItem = li.parentNode.lastChild === li;
|
|
|
162 |
return isLastItem && !isNestedList(grandParent) && isEmptyListItem(li);
|
|
|
163 |
}
|
|
|
164 |
|
|
|
165 |
function isNestedList(grandParent) {
|
|
|
166 |
if (isList(grandParent)) {
|
|
|
167 |
return grandParent.parentNode && grandParent.parentNode.tagName === 'LI';
|
|
|
168 |
} else {
|
|
|
169 |
return grandParent.tagName === 'LI';
|
|
|
170 |
}
|
|
|
171 |
}
|
|
|
172 |
|
|
|
173 |
function isInEmptyListItem() {
|
|
|
174 |
return ed.selection.isCollapsed() && isEmptyListItem(getLi());
|
|
|
175 |
}
|
|
|
176 |
|
|
|
177 |
function getLi() {
|
|
|
178 |
var n = ed.selection.getStart();
|
|
|
179 |
// Get start will return BR if the LI only contains a BR or an empty element as we use these to fix caret position
|
|
|
180 |
return ((n.tagName == 'BR' || n.tagName == '') && n.parentNode.tagName == 'LI') ? n.parentNode : n;
|
|
|
181 |
}
|
|
|
182 |
|
|
|
183 |
function isEmptyListItem(li) {
|
|
|
184 |
var numChildren = li.childNodes.length;
|
|
|
185 |
if (li.tagName === 'LI') {
|
|
|
186 |
return numChildren == 0 ? true : numChildren == 1 && (li.firstChild.tagName == '' || isEmptyWebKitLi(li) || isEmptyIE9Li(li));
|
|
|
187 |
}
|
|
|
188 |
return false;
|
|
|
189 |
}
|
|
|
190 |
|
|
|
191 |
function isEmptyWebKitLi(li) {
|
|
|
192 |
// Check for empty LI or a LI with just a child that is a BR since Gecko and WebKit uses BR elements to place the caret
|
|
|
193 |
return tinymce.isWebKit && li.firstChild.nodeName == 'BR';
|
|
|
194 |
}
|
|
|
195 |
|
|
|
196 |
function isEmptyIE9Li(li) {
|
|
|
197 |
// only consider this to be last item if there is no list item content or that content is nbsp or space since IE9 creates these
|
|
|
198 |
var lis = tinymce.grep(li.parentNode.childNodes, function(n) {return n.nodeName == 'LI'});
|
|
|
199 |
var isLastLi = li == lis[lis.length - 1];
|
|
|
200 |
var child = li.firstChild;
|
|
|
201 |
return tinymce.isIE9 && isLastLi && (child.nodeValue == String.fromCharCode(160) || child.nodeValue == String.fromCharCode(32));
|
|
|
202 |
}
|
|
|
203 |
|
|
|
204 |
function isEnter(e) {
|
|
|
205 |
return e.keyCode === 13;
|
|
|
206 |
}
|
|
|
207 |
|
|
|
208 |
function getListKeyState(e) {
|
|
|
209 |
if (isTabInList(e)) {
|
|
|
210 |
return LIST_TABBING;
|
|
|
211 |
} else if (isEnter(e) && isOnLastListItem()) {
|
|
|
212 |
return LIST_ESCAPE;
|
|
|
213 |
} else if (isEnter(e) && isInEmptyListItem()) {
|
|
|
214 |
return LIST_EMPTY_ITEM;
|
|
|
215 |
} else {
|
|
|
216 |
return LIST_UNKNOWN;
|
|
|
217 |
}
|
|
|
218 |
}
|
|
|
219 |
|
|
|
220 |
function cancelEnterAndTab(_, e) {
|
|
|
221 |
if (state == LIST_TABBING || state == LIST_EMPTY_ITEM) {
|
|
|
222 |
return Event.cancel(e);
|
|
|
223 |
}
|
|
|
224 |
}
|
|
|
225 |
|
|
|
226 |
function imageJoiningListItem(ed, e) {
|
|
|
227 |
var prevSibling;
|
|
|
228 |
|
|
|
229 |
if (!tinymce.isGecko)
|
|
|
230 |
return;
|
|
|
231 |
|
|
|
232 |
var n = ed.selection.getStart();
|
|
|
233 |
if (e.keyCode != 8 || n.tagName !== 'IMG')
|
|
|
234 |
return;
|
|
|
235 |
|
|
|
236 |
function lastLI(node) {
|
|
|
237 |
var child = node.firstChild;
|
|
|
238 |
var li = null;
|
|
|
239 |
do {
|
|
|
240 |
if (!child)
|
|
|
241 |
break;
|
|
|
242 |
|
|
|
243 |
if (child.tagName === 'LI')
|
|
|
244 |
li = child;
|
|
|
245 |
} while (child = child.nextSibling);
|
|
|
246 |
|
|
|
247 |
return li;
|
|
|
248 |
}
|
|
|
249 |
|
|
|
250 |
function addChildren(parentNode, destination) {
|
|
|
251 |
while (parentNode.childNodes.length > 0)
|
|
|
252 |
destination.appendChild(parentNode.childNodes[0]);
|
|
|
253 |
}
|
|
|
254 |
|
|
|
255 |
// Check if there is a previous sibling
|
|
|
256 |
prevSibling = n.parentNode.previousSibling;
|
|
|
257 |
if (!prevSibling)
|
|
|
258 |
return;
|
|
|
259 |
|
|
|
260 |
var ul;
|
|
|
261 |
if (prevSibling.tagName === 'UL' || prevSibling.tagName === 'OL')
|
|
|
262 |
ul = prevSibling;
|
|
|
263 |
else if (prevSibling.previousSibling && (prevSibling.previousSibling.tagName === 'UL' || prevSibling.previousSibling.tagName === 'OL'))
|
|
|
264 |
ul = prevSibling.previousSibling;
|
|
|
265 |
else
|
|
|
266 |
return;
|
|
|
267 |
|
|
|
268 |
var li = lastLI(ul);
|
|
|
269 |
|
|
|
270 |
// move the caret to the end of the list item
|
|
|
271 |
var rng = ed.dom.createRng();
|
|
|
272 |
rng.setStart(li, 1);
|
|
|
273 |
rng.setEnd(li, 1);
|
|
|
274 |
ed.selection.setRng(rng);
|
|
|
275 |
ed.selection.collapse(true);
|
|
|
276 |
|
|
|
277 |
// save a bookmark at the end of the list item
|
|
|
278 |
var bookmark = ed.selection.getBookmark();
|
|
|
279 |
|
|
|
280 |
// copy the image an its text to the list item
|
|
|
281 |
var clone = n.parentNode.cloneNode(true);
|
|
|
282 |
if (clone.tagName === 'P' || clone.tagName === 'DIV')
|
|
|
283 |
addChildren(clone, li);
|
|
|
284 |
else
|
|
|
285 |
li.appendChild(clone);
|
|
|
286 |
|
|
|
287 |
// remove the old copy of the image
|
|
|
288 |
n.parentNode.parentNode.removeChild(n.parentNode);
|
|
|
289 |
|
|
|
290 |
// move the caret where we saved the bookmark
|
|
|
291 |
ed.selection.moveToBookmark(bookmark);
|
|
|
292 |
}
|
|
|
293 |
|
|
|
294 |
// fix the cursor position to ensure it is correct in IE
|
|
|
295 |
function setCursorPositionToOriginalLi(li) {
|
|
|
296 |
var list = ed.dom.getParent(li, 'ol,ul');
|
|
|
297 |
if (list != null) {
|
|
|
298 |
var lastLi = list.lastChild;
|
|
|
299 |
lastLi.appendChild(ed.getDoc().createElement(''));
|
|
|
300 |
ed.selection.setCursorLocation(lastLi, 0);
|
|
|
301 |
}
|
|
|
302 |
}
|
|
|
303 |
|
|
|
304 |
this.ed = ed;
|
|
|
305 |
ed.addCommand('Indent', this.indent, this);
|
|
|
306 |
ed.addCommand('Outdent', this.outdent, this);
|
|
|
307 |
ed.addCommand('InsertUnorderedList', function() {
|
|
|
308 |
this.applyList('UL', 'OL');
|
|
|
309 |
}, this);
|
|
|
310 |
ed.addCommand('InsertOrderedList', function() {
|
|
|
311 |
this.applyList('OL', 'UL');
|
|
|
312 |
}, this);
|
|
|
313 |
|
|
|
314 |
ed.onInit.add(function() {
|
|
|
315 |
ed.editorCommands.addCommands({
|
|
|
316 |
'outdent': function() {
|
|
|
317 |
var sel = ed.selection, dom = ed.dom;
|
|
|
318 |
|
|
|
319 |
function hasStyleIndent(n) {
|
|
|
320 |
n = dom.getParent(n, dom.isBlock);
|
|
|
321 |
return n && (parseInt(ed.dom.getStyle(n, 'margin-left') || 0, 10) + parseInt(ed.dom.getStyle(n, 'padding-left') || 0, 10)) > 0;
|
|
|
322 |
}
|
|
|
323 |
|
|
|
324 |
return hasStyleIndent(sel.getStart()) || hasStyleIndent(sel.getEnd()) || ed.queryCommandState('InsertOrderedList') || ed.queryCommandState('InsertUnorderedList');
|
|
|
325 |
}
|
|
|
326 |
}, 'state');
|
|
|
327 |
});
|
|
|
328 |
|
|
|
329 |
ed.onKeyUp.add(function(ed, e) {
|
|
|
330 |
if (state == LIST_TABBING) {
|
|
|
331 |
ed.execCommand(e.shiftKey ? 'Outdent' : 'Indent', true, null);
|
|
|
332 |
state = LIST_UNKNOWN;
|
|
|
333 |
return Event.cancel(e);
|
|
|
334 |
} else if (state == LIST_EMPTY_ITEM) {
|
|
|
335 |
var li = getLi();
|
|
|
336 |
var shouldOutdent = ed.settings.list_outdent_on_enter === true || e.shiftKey;
|
|
|
337 |
ed.execCommand(shouldOutdent ? 'Outdent' : 'Indent', true, null);
|
|
|
338 |
if (tinymce.isIE) {
|
|
|
339 |
setCursorPositionToOriginalLi(li);
|
|
|
340 |
}
|
|
|
341 |
return Event.cancel(e);
|
|
|
342 |
} else if (state == LIST_ESCAPE) {
|
|
|
343 |
if (tinymce.isIE8) {
|
|
|
344 |
// append a zero sized nbsp so that caret is positioned correctly in IE8 after escaping and applying formatting.
|
|
|
345 |
// if there is no text then applying formatting for e.g a H1 to the P tag immediately following list after
|
|
|
346 |
// escaping from it will cause the caret to be positioned on the last li instead of staying the in P tag.
|
|
|
347 |
var n = ed.getDoc().createTextNode('\uFEFF');
|
|
|
348 |
ed.selection.getNode().appendChild(n);
|
|
|
349 |
} else if (tinymce.isIE9) {
|
|
|
350 |
// IE9 does not escape the list so we use outdent to do this and cancel the default behaviour
|
|
|
351 |
ed.execCommand('Outdent');
|
|
|
352 |
return Event.cancel(e);
|
|
|
353 |
}
|
|
|
354 |
}
|
|
|
355 |
});
|
|
|
356 |
ed.onKeyDown.add(function(_, e) { state = getListKeyState(e); });
|
|
|
357 |
ed.onKeyDown.add(cancelEnterAndTab);
|
|
|
358 |
ed.onKeyDown.add(imageJoiningListItem);
|
|
|
359 |
ed.onKeyPress.add(cancelEnterAndTab);
|
|
|
360 |
},
|
|
|
361 |
|
|
|
362 |
applyList: function(targetListType, oppositeListType) {
|
|
|
363 |
var t = this, ed = t.ed, dom = ed.dom, applied = [], hasSameType = false, hasOppositeType = false, hasNonList = false, actions,
|
|
|
364 |
selectedBlocks = ed.selection.getSelectedBlocks();
|
|
|
365 |
|
|
|
366 |
function cleanupBr(e) {
|
|
|
367 |
if (e && e.tagName === 'BR') {
|
|
|
368 |
dom.remove(e);
|
|
|
369 |
}
|
|
|
370 |
}
|
|
|
371 |
|
|
|
372 |
function makeList(element) {
|
|
|
373 |
var list = dom.create(targetListType), li;
|
|
|
374 |
|
|
|
375 |
function adjustIndentForNewList(element) {
|
|
|
376 |
// If there's a margin-left, outdent one level to account for the extra list margin.
|
|
|
377 |
if (element.style.marginLeft || element.style.paddingLeft) {
|
|
|
378 |
t.adjustPaddingFunction(false)(element);
|
|
|
379 |
}
|
|
|
380 |
}
|
|
|
381 |
|
|
|
382 |
if (element.tagName === 'LI') {
|
|
|
383 |
// No change required.
|
|
|
384 |
} else if (element.tagName === 'P' || element.tagName === 'DIV' || element.tagName === 'BODY') {
|
|
|
385 |
processBrs(element, function(startSection, br, previousBR) {
|
|
|
386 |
doWrapList(startSection, br, element.tagName === 'BODY' ? null : startSection.parentNode);
|
|
|
387 |
li = startSection.parentNode;
|
|
|
388 |
adjustIndentForNewList(li);
|
|
|
389 |
cleanupBr(br);
|
|
|
390 |
});
|
|
|
391 |
if (element.tagName === 'P' || selectedBlocks.length > 1) {
|
|
|
392 |
dom.split(li.parentNode.parentNode, li.parentNode);
|
|
|
393 |
}
|
|
|
394 |
attemptMergeWithAdjacent(li.parentNode, true);
|
|
|
395 |
return;
|
|
|
396 |
} else {
|
|
|
397 |
// Put the list around the element.
|
|
|
398 |
li = dom.create('li');
|
|
|
399 |
dom.insertAfter(li, element);
|
|
|
400 |
li.appendChild(element);
|
|
|
401 |
adjustIndentForNewList(element);
|
|
|
402 |
element = li;
|
|
|
403 |
}
|
|
|
404 |
dom.insertAfter(list, element);
|
|
|
405 |
list.appendChild(element);
|
|
|
406 |
attemptMergeWithAdjacent(list, true);
|
|
|
407 |
applied.push(element);
|
|
|
408 |
}
|
|
|
409 |
|
|
|
410 |
function doWrapList(start, end, template) {
|
|
|
411 |
var li, n = start, tmp, i;
|
|
|
412 |
while (!dom.isBlock(start.parentNode) && start.parentNode !== dom.getRoot()) {
|
|
|
413 |
start = dom.split(start.parentNode, start.previousSibling);
|
|
|
414 |
start = start.nextSibling;
|
|
|
415 |
n = start;
|
|
|
416 |
}
|
|
|
417 |
if (template) {
|
|
|
418 |
li = template.cloneNode(true);
|
|
|
419 |
start.parentNode.insertBefore(li, start);
|
|
|
420 |
while (li.firstChild) dom.remove(li.firstChild);
|
|
|
421 |
li = dom.rename(li, 'li');
|
|
|
422 |
} else {
|
|
|
423 |
li = dom.create('li');
|
|
|
424 |
start.parentNode.insertBefore(li, start);
|
|
|
425 |
}
|
|
|
426 |
while (n && n != end) {
|
|
|
427 |
tmp = n.nextSibling;
|
|
|
428 |
li.appendChild(n);
|
|
|
429 |
n = tmp;
|
|
|
430 |
}
|
|
|
431 |
if (li.childNodes.length === 0) {
|
|
|
432 |
li.innerHTML = '<br _mce_bogus="1" />';
|
|
|
433 |
}
|
|
|
434 |
makeList(li);
|
|
|
435 |
}
|
|
|
436 |
|
|
|
437 |
function processBrs(element, callback) {
|
|
|
438 |
var startSection, previousBR, END_TO_START = 3, START_TO_END = 1,
|
|
|
439 |
breakElements = 'br,ul,ol,p,div,h1,h2,h3,h4,h5,h6,table,blockquote,address,pre,form,center,dl';
|
|
|
440 |
|
|
|
441 |
function isAnyPartSelected(start, end) {
|
|
|
442 |
var r = dom.createRng(), sel;
|
|
|
443 |
bookmark.keep = true;
|
|
|
444 |
ed.selection.moveToBookmark(bookmark);
|
|
|
445 |
bookmark.keep = false;
|
|
|
446 |
sel = ed.selection.getRng(true);
|
|
|
447 |
if (!end) {
|
|
|
448 |
end = start.parentNode.lastChild;
|
|
|
449 |
}
|
|
|
450 |
r.setStartBefore(start);
|
|
|
451 |
r.setEndAfter(end);
|
|
|
452 |
return !(r.compareBoundaryPoints(END_TO_START, sel) > 0 || r.compareBoundaryPoints(START_TO_END, sel) <= 0);
|
|
|
453 |
}
|
|
|
454 |
|
|
|
455 |
function nextLeaf(br) {
|
|
|
456 |
if (br.nextSibling)
|
|
|
457 |
return br.nextSibling;
|
|
|
458 |
if (!dom.isBlock(br.parentNode) && br.parentNode !== dom.getRoot())
|
|
|
459 |
return nextLeaf(br.parentNode);
|
|
|
460 |
}
|
|
|
461 |
|
|
|
462 |
// Split on BRs within the range and process those.
|
|
|
463 |
startSection = element.firstChild;
|
|
|
464 |
// First mark the BRs that have any part of the previous section selected.
|
|
|
465 |
var trailingContentSelected = false;
|
|
|
466 |
each(dom.select(breakElements, element), function(br) {
|
|
|
467 |
var b;
|
|
|
468 |
if (br.hasAttribute && br.hasAttribute('_mce_bogus')) {
|
|
|
469 |
return true; // Skip the bogus Brs that are put in to appease Firefox and Safari.
|
|
|
470 |
}
|
|
|
471 |
if (isAnyPartSelected(startSection, br)) {
|
|
|
472 |
dom.addClass(br, '_mce_tagged_br');
|
|
|
473 |
startSection = nextLeaf(br);
|
|
|
474 |
}
|
|
|
475 |
});
|
|
|
476 |
trailingContentSelected = (startSection && isAnyPartSelected(startSection, undefined));
|
|
|
477 |
startSection = element.firstChild;
|
|
|
478 |
each(dom.select(breakElements, element), function(br) {
|
|
|
479 |
// Got a section from start to br.
|
|
|
480 |
var tmp = nextLeaf(br);
|
|
|
481 |
if (br.hasAttribute && br.hasAttribute('_mce_bogus')) {
|
|
|
482 |
return true; // Skip the bogus Brs that are put in to appease Firefox and Safari.
|
|
|
483 |
}
|
|
|
484 |
if (dom.hasClass(br, '_mce_tagged_br')) {
|
|
|
485 |
callback(startSection, br, previousBR);
|
|
|
486 |
previousBR = null;
|
|
|
487 |
} else {
|
|
|
488 |
previousBR = br;
|
|
|
489 |
}
|
|
|
490 |
startSection = tmp;
|
|
|
491 |
});
|
|
|
492 |
if (trailingContentSelected) {
|
|
|
493 |
callback(startSection, undefined, previousBR);
|
|
|
494 |
}
|
|
|
495 |
}
|
|
|
496 |
|
|
|
497 |
function wrapList(element) {
|
|
|
498 |
processBrs(element, function(startSection, br, previousBR) {
|
|
|
499 |
// Need to indent this part
|
|
|
500 |
doWrapList(startSection, br);
|
|
|
501 |
cleanupBr(br);
|
|
|
502 |
cleanupBr(previousBR);
|
|
|
503 |
});
|
|
|
504 |
}
|
|
|
505 |
|
|
|
506 |
function changeList(element) {
|
|
|
507 |
if (tinymce.inArray(applied, element) !== -1) {
|
|
|
508 |
return;
|
|
|
509 |
}
|
|
|
510 |
if (element.parentNode.tagName === oppositeListType) {
|
|
|
511 |
dom.split(element.parentNode, element);
|
|
|
512 |
makeList(element);
|
|
|
513 |
attemptMergeWithNext(element.parentNode, false);
|
|
|
514 |
}
|
|
|
515 |
applied.push(element);
|
|
|
516 |
}
|
|
|
517 |
|
|
|
518 |
function convertListItemToParagraph(element) {
|
|
|
519 |
var child, nextChild, mergedElement, splitLast;
|
|
|
520 |
if (tinymce.inArray(applied, element) !== -1) {
|
|
|
521 |
return;
|
|
|
522 |
}
|
|
|
523 |
element = splitNestedLists(element, dom);
|
|
|
524 |
while (dom.is(element.parentNode, 'ol,ul,li')) {
|
|
|
525 |
dom.split(element.parentNode, element);
|
|
|
526 |
}
|
|
|
527 |
// Push the original element we have from the selection, not the renamed one.
|
|
|
528 |
applied.push(element);
|
|
|
529 |
element = dom.rename(element, 'p');
|
|
|
530 |
mergedElement = attemptMergeWithAdjacent(element, false, ed.settings.force_br_newlines);
|
|
|
531 |
if (mergedElement === element) {
|
|
|
532 |
// Now split out any block elements that can't be contained within a P.
|
|
|
533 |
// Manually iterate to ensure we handle modifications correctly (doesn't work with tinymce.each)
|
|
|
534 |
child = element.firstChild;
|
|
|
535 |
while (child) {
|
|
|
536 |
if (dom.isBlock(child)) {
|
|
|
537 |
child = dom.split(child.parentNode, child);
|
|
|
538 |
splitLast = true;
|
|
|
539 |
nextChild = child.nextSibling && child.nextSibling.firstChild;
|
|
|
540 |
} else {
|
|
|
541 |
nextChild = child.nextSibling;
|
|
|
542 |
if (splitLast && child.tagName === 'BR') {
|
|
|
543 |
dom.remove(child);
|
|
|
544 |
}
|
|
|
545 |
splitLast = false;
|
|
|
546 |
}
|
|
|
547 |
child = nextChild;
|
|
|
548 |
}
|
|
|
549 |
}
|
|
|
550 |
}
|
|
|
551 |
|
|
|
552 |
each(selectedBlocks, function(e) {
|
|
|
553 |
e = findItemToOperateOn(e, dom);
|
|
|
554 |
if (e.tagName === oppositeListType || (e.tagName === 'LI' && e.parentNode.tagName === oppositeListType)) {
|
|
|
555 |
hasOppositeType = true;
|
|
|
556 |
} else if (e.tagName === targetListType || (e.tagName === 'LI' && e.parentNode.tagName === targetListType)) {
|
|
|
557 |
hasSameType = true;
|
|
|
558 |
} else {
|
|
|
559 |
hasNonList = true;
|
|
|
560 |
}
|
|
|
561 |
});
|
|
|
562 |
|
|
|
563 |
if (hasNonList || hasOppositeType || selectedBlocks.length === 0) {
|
|
|
564 |
actions = {
|
|
|
565 |
'LI': changeList,
|
|
|
566 |
'H1': makeList,
|
|
|
567 |
'H2': makeList,
|
|
|
568 |
'H3': makeList,
|
|
|
569 |
'H4': makeList,
|
|
|
570 |
'H5': makeList,
|
|
|
571 |
'H6': makeList,
|
|
|
572 |
'P': makeList,
|
|
|
573 |
'BODY': makeList,
|
|
|
574 |
'DIV': selectedBlocks.length > 1 ? makeList : wrapList,
|
|
|
575 |
defaultAction: wrapList
|
|
|
576 |
};
|
|
|
577 |
} else {
|
|
|
578 |
actions = {
|
|
|
579 |
defaultAction: convertListItemToParagraph
|
|
|
580 |
};
|
|
|
581 |
}
|
|
|
582 |
this.process(actions);
|
|
|
583 |
},
|
|
|
584 |
|
|
|
585 |
indent: function() {
|
|
|
586 |
var ed = this.ed, dom = ed.dom, indented = [];
|
|
|
587 |
|
|
|
588 |
function createWrapItem(element) {
|
|
|
589 |
var wrapItem = dom.create('li', { style: 'list-style-type: none;'});
|
|
|
590 |
dom.insertAfter(wrapItem, element);
|
|
|
591 |
return wrapItem;
|
|
|
592 |
}
|
|
|
593 |
|
|
|
594 |
function createWrapList(element) {
|
|
|
595 |
var wrapItem = createWrapItem(element),
|
|
|
596 |
list = dom.getParent(element, 'ol,ul'),
|
|
|
597 |
listType = list.tagName,
|
|
|
598 |
listStyle = dom.getStyle(list, 'list-style-type'),
|
|
|
599 |
attrs = {},
|
|
|
600 |
wrapList;
|
|
|
601 |
if (listStyle !== '') {
|
|
|
602 |
attrs.style = 'list-style-type: ' + listStyle + ';';
|
|
|
603 |
}
|
|
|
604 |
wrapList = dom.create(listType, attrs);
|
|
|
605 |
wrapItem.appendChild(wrapList);
|
|
|
606 |
return wrapList;
|
|
|
607 |
}
|
|
|
608 |
|
|
|
609 |
function indentLI(element) {
|
|
|
610 |
if (!hasParentInList(ed, element, indented)) {
|
|
|
611 |
element = splitNestedLists(element, dom);
|
|
|
612 |
var wrapList = createWrapList(element);
|
|
|
613 |
wrapList.appendChild(element);
|
|
|
614 |
attemptMergeWithAdjacent(wrapList.parentNode, false);
|
|
|
615 |
attemptMergeWithAdjacent(wrapList, false);
|
|
|
616 |
indented.push(element);
|
|
|
617 |
}
|
|
|
618 |
}
|
|
|
619 |
|
|
|
620 |
this.process({
|
|
|
621 |
'LI': indentLI,
|
|
|
622 |
defaultAction: this.adjustPaddingFunction(true)
|
|
|
623 |
});
|
|
|
624 |
|
|
|
625 |
},
|
|
|
626 |
|
|
|
627 |
outdent: function() {
|
|
|
628 |
var t = this, ed = t.ed, dom = ed.dom, outdented = [];
|
|
|
629 |
|
|
|
630 |
function outdentLI(element) {
|
|
|
631 |
var listElement, targetParent, align;
|
|
|
632 |
if (!hasParentInList(ed, element, outdented)) {
|
|
|
633 |
if (dom.getStyle(element, 'margin-left') !== '' || dom.getStyle(element, 'padding-left') !== '') {
|
|
|
634 |
return t.adjustPaddingFunction(false)(element);
|
|
|
635 |
}
|
|
|
636 |
align = dom.getStyle(element, 'text-align', true);
|
|
|
637 |
if (align === 'center' || align === 'right') {
|
|
|
638 |
dom.setStyle(element, 'text-align', 'left');
|
|
|
639 |
return;
|
|
|
640 |
}
|
|
|
641 |
element = splitNestedLists(element, dom);
|
|
|
642 |
listElement = element.parentNode;
|
|
|
643 |
targetParent = element.parentNode.parentNode;
|
|
|
644 |
if (targetParent.tagName === 'P') {
|
|
|
645 |
dom.split(targetParent, element.parentNode);
|
|
|
646 |
} else {
|
|
|
647 |
dom.split(listElement, element);
|
|
|
648 |
if (targetParent.tagName === 'LI') {
|
|
|
649 |
// Nested list, need to split the LI and go back out to the OL/UL element.
|
|
|
650 |
dom.split(targetParent, element);
|
|
|
651 |
} else if (!dom.is(targetParent, 'ol,ul')) {
|
|
|
652 |
dom.rename(element, 'p');
|
|
|
653 |
}
|
|
|
654 |
}
|
|
|
655 |
outdented.push(element);
|
|
|
656 |
}
|
|
|
657 |
}
|
|
|
658 |
|
|
|
659 |
this.process({
|
|
|
660 |
'LI': outdentLI,
|
|
|
661 |
defaultAction: this.adjustPaddingFunction(false)
|
|
|
662 |
});
|
|
|
663 |
|
|
|
664 |
each(outdented, attemptMergeWithAdjacent);
|
|
|
665 |
},
|
|
|
666 |
|
|
|
667 |
process: function(actions) {
|
|
|
668 |
var t = this, sel = t.ed.selection, dom = t.ed.dom, selectedBlocks, r;
|
|
|
669 |
|
|
|
670 |
function processElement(element) {
|
|
|
671 |
dom.removeClass(element, '_mce_act_on');
|
|
|
672 |
if (!element || element.nodeType !== 1) {
|
|
|
673 |
return;
|
|
|
674 |
}
|
|
|
675 |
element = findItemToOperateOn(element, dom);
|
|
|
676 |
var action = actions[element.tagName];
|
|
|
677 |
if (!action) {
|
|
|
678 |
action = actions.defaultAction;
|
|
|
679 |
}
|
|
|
680 |
action(element);
|
|
|
681 |
}
|
|
|
682 |
|
|
|
683 |
function recurse(element) {
|
|
|
684 |
t.splitSafeEach(element.childNodes, processElement);
|
|
|
685 |
}
|
|
|
686 |
|
|
|
687 |
function brAtEdgeOfSelection(container, offset) {
|
|
|
688 |
return offset >= 0 && container.hasChildNodes() && offset < container.childNodes.length &&
|
|
|
689 |
container.childNodes[offset].tagName === 'BR';
|
|
|
690 |
}
|
|
|
691 |
|
|
|
692 |
selectedBlocks = sel.getSelectedBlocks();
|
|
|
693 |
if (selectedBlocks.length === 0) {
|
|
|
694 |
selectedBlocks = [ dom.getRoot() ];
|
|
|
695 |
}
|
|
|
696 |
|
|
|
697 |
r = sel.getRng(true);
|
|
|
698 |
if (!r.collapsed) {
|
|
|
699 |
if (brAtEdgeOfSelection(r.endContainer, r.endOffset - 1)) {
|
|
|
700 |
r.setEnd(r.endContainer, r.endOffset - 1);
|
|
|
701 |
sel.setRng(r);
|
|
|
702 |
}
|
|
|
703 |
if (brAtEdgeOfSelection(r.startContainer, r.startOffset)) {
|
|
|
704 |
r.setStart(r.startContainer, r.startOffset + 1);
|
|
|
705 |
sel.setRng(r);
|
|
|
706 |
}
|
|
|
707 |
}
|
|
|
708 |
|
|
|
709 |
|
|
|
710 |
if (tinymce.isIE8) {
|
|
|
711 |
// append a zero sized nbsp so that caret is restored correctly using bookmark
|
|
|
712 |
var s = t.ed.selection.getNode();
|
|
|
713 |
if (s.tagName === 'LI' && !(s.parentNode.lastChild === s)) {
|
|
|
714 |
var i = t.ed.getDoc().createTextNode('\uFEFF');
|
|
|
715 |
s.appendChild(i);
|
|
|
716 |
}
|
|
|
717 |
}
|
|
|
718 |
|
|
|
719 |
bookmark = sel.getBookmark();
|
|
|
720 |
actions.OL = actions.UL = recurse;
|
|
|
721 |
t.splitSafeEach(selectedBlocks, processElement);
|
|
|
722 |
sel.moveToBookmark(bookmark);
|
|
|
723 |
bookmark = null;
|
|
|
724 |
// Avoids table or image handles being left behind in Firefox.
|
|
|
725 |
t.ed.execCommand('mceRepaint');
|
|
|
726 |
},
|
|
|
727 |
|
|
|
728 |
splitSafeEach: function(elements, f) {
|
|
|
729 |
if (tinymce.isGecko && (/Firefox\/[12]\.[0-9]/.test(navigator.userAgent) ||
|
|
|
730 |
/Firefox\/3\.[0-4]/.test(navigator.userAgent))) {
|
|
|
731 |
this.classBasedEach(elements, f);
|
|
|
732 |
} else {
|
|
|
733 |
each(elements, f);
|
|
|
734 |
}
|
|
|
735 |
},
|
|
|
736 |
|
|
|
737 |
classBasedEach: function(elements, f) {
|
|
|
738 |
var dom = this.ed.dom, nodes, element;
|
|
|
739 |
// Mark nodes
|
|
|
740 |
each(elements, function(element) {
|
|
|
741 |
dom.addClass(element, '_mce_act_on');
|
|
|
742 |
});
|
|
|
743 |
nodes = dom.select('._mce_act_on');
|
|
|
744 |
while (nodes.length > 0) {
|
|
|
745 |
element = nodes.shift();
|
|
|
746 |
dom.removeClass(element, '_mce_act_on');
|
|
|
747 |
f(element);
|
|
|
748 |
nodes = dom.select('._mce_act_on');
|
|
|
749 |
}
|
|
|
750 |
},
|
|
|
751 |
|
|
|
752 |
adjustPaddingFunction: function(isIndent) {
|
|
|
753 |
var indentAmount, indentUnits, ed = this.ed;
|
|
|
754 |
indentAmount = ed.settings.indentation;
|
|
|
755 |
indentUnits = /[a-z%]+/i.exec(indentAmount);
|
|
|
756 |
indentAmount = parseInt(indentAmount, 10);
|
|
|
757 |
return function(element) {
|
|
|
758 |
var currentIndent, newIndentAmount;
|
|
|
759 |
currentIndent = parseInt(ed.dom.getStyle(element, 'margin-left') || 0, 10) + parseInt(ed.dom.getStyle(element, 'padding-left') || 0, 10);
|
|
|
760 |
if (isIndent) {
|
|
|
761 |
newIndentAmount = currentIndent + indentAmount;
|
|
|
762 |
} else {
|
|
|
763 |
newIndentAmount = currentIndent - indentAmount;
|
|
|
764 |
}
|
|
|
765 |
ed.dom.setStyle(element, 'padding-left', '');
|
|
|
766 |
ed.dom.setStyle(element, 'margin-left', newIndentAmount > 0 ? newIndentAmount + indentUnits : '');
|
|
|
767 |
};
|
|
|
768 |
},
|
|
|
769 |
|
|
|
770 |
getInfo: function() {
|
|
|
771 |
return {
|
|
|
772 |
longname : 'Lists',
|
|
|
773 |
author : 'Moxiecode Systems AB',
|
|
|
774 |
authorurl : 'http://tinymce.moxiecode.com',
|
|
|
775 |
infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/lists',
|
|
|
776 |
version : tinymce.majorVersion + "." + tinymce.minorVersion
|
|
|
777 |
};
|
|
|
778 |
}
|
|
|
779 |
});
|
|
|
780 |
tinymce.PluginManager.add("lists", tinymce.plugins.Lists);
|
|
|
781 |
}());
|