├── LICENSE
├── README.md
├── bower.json
├── example
└── index.html
├── fonts
└── fontawesome-webfont.woff
├── javascripts
├── angular-editor.js
└── simditor
│ ├── module.js
│ ├── simditor-all.js
│ ├── simditor.js
│ └── uploader.js
└── stylesheets
├── font-awesome.css
└── simditor.css
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 TomWan
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | angular-editor,1 line is enough
2 | ==============
3 |
4 | 1 line is enough:
5 | ```html
6 |
7 | ```
8 |
9 | angular rich text editor with simditor by tower.im
10 |
11 | [just visit the home page and check the source code:)](http://wanming.github.io/angular-editor)
12 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular-editor",
3 | "homepage": "https://github.com/wanming/angular-editor",
4 | "main" : ["./javascripts/angular-editor.js"],
5 | "dependencies": {
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | angular-editor demo
6 |
7 | angular-editor demo
38 |
39 |
40 |
the editor's value:
41 |
{{editor}}
42 |
43 |
44 |
45 | CLEAR
46 |
47 |
");
16 |
17 | var toolbar = scope.$eval(attrs.toolbar) || TOOLBAR_DEFAULT;
18 | scope.simditor = new Simditor({
19 | textarea: element.children()[0],
20 | pasteImage: true,
21 | toolbar: toolbar,
22 | defaultImage: 'assets/images/image.png',
23 | upload: location.search === '?upload' ? {
24 | url: '/upload'
25 | } : false
26 | });
27 |
28 | var $target = element.find('.simditor-body');
29 |
30 | function readViewText() {
31 |
32 | ngModel.$setViewValue($target.html());
33 |
34 | if (attrs.ngRequired != undefined && attrs.ngRequired != "false") {
35 |
36 | var text = $target.text();
37 |
38 | if(text.trim() === "") {
39 | ngModel.$setValidity("required", false);
40 | } else {
41 | ngModel.$setValidity("required", true);
42 | }
43 | }
44 |
45 | }
46 |
47 | ngModel.$render = function () {
48 | scope.simditor.focus();
49 | $target.html(ngModel.$viewValue);
50 | };
51 |
52 | scope.simditor.on('valuechanged', function () {
53 | scope.$apply(readViewText);
54 | });
55 | }
56 | };
57 | });
58 | }(window));
59 |
--------------------------------------------------------------------------------
/javascripts/simditor/module.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | var Module, Plugin, Widget,
3 | __slice = [].slice,
4 | __hasProp = {}.hasOwnProperty,
5 | __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
6 |
7 | Module = (function() {
8 | function Module() {}
9 |
10 | Module.extend = function(obj) {
11 | var key, val, _ref;
12 | if (!((obj != null) && typeof obj === 'object')) {
13 | return;
14 | }
15 | for (key in obj) {
16 | val = obj[key];
17 | if (key !== 'included' && key !== 'extended') {
18 | this[key] = val;
19 | }
20 | }
21 | return (_ref = obj.extended) != null ? _ref.call(this) : void 0;
22 | };
23 |
24 | Module.include = function(obj) {
25 | var key, val, _ref;
26 | if (!((obj != null) && typeof obj === 'object')) {
27 | return;
28 | }
29 | for (key in obj) {
30 | val = obj[key];
31 | if (key !== 'included' && key !== 'extended') {
32 | this.prototype[key] = val;
33 | }
34 | }
35 | return (_ref = obj.included) != null ? _ref.call(this) : void 0;
36 | };
37 |
38 | Module.prototype.on = function() {
39 | var args, _ref;
40 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
41 | return (_ref = $(this)).on.apply(_ref, args);
42 | };
43 |
44 | Module.prototype.one = function() {
45 | var args, _ref;
46 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
47 | return (_ref = $(this)).one.apply(_ref, args);
48 | };
49 |
50 | Module.prototype.off = function() {
51 | var args, _ref;
52 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
53 | return (_ref = $(this)).off.apply(_ref, args);
54 | };
55 |
56 | Module.prototype.trigger = function() {
57 | var args, _ref;
58 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
59 | return (_ref = $(this)).trigger.apply(_ref, args);
60 | };
61 |
62 | Module.prototype.triggerHandler = function() {
63 | var args, _ref;
64 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
65 | return (_ref = $(this)).triggerHandler.apply(_ref, args);
66 | };
67 |
68 | return Module;
69 |
70 | })();
71 |
72 | Widget = (function(_super) {
73 | __extends(Widget, _super);
74 |
75 | Widget.connect = function(cls) {
76 | if (typeof cls !== 'function') {
77 | return;
78 | }
79 | if (!cls.className) {
80 | throw new Error('Widget.connect: lack of class property "className"');
81 | return;
82 | }
83 | if (!this._connectedClasses) {
84 | this._connectedClasses = [];
85 | }
86 | this._connectedClasses.push(cls);
87 | if (cls.className) {
88 | return this[cls.className] = cls;
89 | }
90 | };
91 |
92 | Widget.prototype._init = function() {};
93 |
94 | Widget.prototype.opts = {};
95 |
96 | function Widget(opts) {
97 | var cls, instance, instances, name, _base, _i, _len;
98 | this.opts = $.extend({}, this.opts, opts);
99 | (_base = this.constructor)._connectedClasses || (_base._connectedClasses = []);
100 | instances = (function() {
101 | var _i, _len, _ref, _results;
102 | _ref = this.constructor._connectedClasses;
103 | _results = [];
104 | for (_i = 0, _len = _ref.length; _i < _len; _i++) {
105 | cls = _ref[_i];
106 | name = cls.className.charAt(0).toLowerCase() + cls.className.slice(1);
107 | _results.push(this[name] = new cls(this));
108 | }
109 | return _results;
110 | }).call(this);
111 | this._init();
112 | for (_i = 0, _len = instances.length; _i < _len; _i++) {
113 | instance = instances[_i];
114 | if (typeof instance._init === "function") {
115 | instance._init();
116 | }
117 | }
118 | this.trigger('pluginconnected');
119 | }
120 |
121 | Widget.prototype.destroy = function() {};
122 |
123 | return Widget;
124 |
125 | })(Module);
126 |
127 | Plugin = (function(_super) {
128 | __extends(Plugin, _super);
129 |
130 | Plugin.className = 'Plugin';
131 |
132 | Plugin.prototype.opts = {};
133 |
134 | function Plugin(widget) {
135 | this.widget = widget;
136 | this.opts = $.extend({}, this.opts, this.widget.opts);
137 | }
138 |
139 | Plugin.prototype._init = function() {};
140 |
141 | return Plugin;
142 |
143 | })(Module);
144 |
145 | window.Module = Module;
146 |
147 | window.Widget = Widget;
148 |
149 | window.Plugin = Plugin;
150 |
151 | }).call(this);
152 |
--------------------------------------------------------------------------------
/javascripts/simditor/simditor.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | var BlockquoteButton, BoldButton, Button, CodeButton, CodePopover, Formatter, HrButton, ImageButton, ImagePopover, IndentButton, InputManager, ItalicButton, Keystroke, LinkButton, LinkPopover, ListButton, OrderListButton, OutdentButton, Popover, Selection, Simditor, StrikethroughButton, TableButton, Test, TestPlugin, TitleButton, Toolbar, UnderlineButton, UndoManager, UnorderListButton, Util, _ref, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9,
3 | __hasProp = {}.hasOwnProperty,
4 | __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
5 | __slice = [].slice,
6 | __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
7 |
8 | Selection = (function(_super) {
9 | __extends(Selection, _super);
10 |
11 | Selection.className = 'Selection';
12 |
13 | function Selection() {
14 | var args;
15 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
16 | Selection.__super__.constructor.apply(this, args);
17 | this.sel = document.getSelection();
18 | this.editor = this.widget;
19 | }
20 |
21 | Selection.prototype._init = function() {};
22 |
23 | Selection.prototype.clear = function() {
24 | var e;
25 | try {
26 | return this.sel.removeAllRanges();
27 | } catch (_error) {
28 | e = _error;
29 | }
30 | };
31 |
32 | Selection.prototype.getRange = function() {
33 | if (!this.editor.inputManager.focused || !this.sel.rangeCount) {
34 | return null;
35 | }
36 | return this.sel.getRangeAt(0);
37 | };
38 |
39 | Selection.prototype.selectRange = function(range) {
40 | this.clear();
41 | return this.sel.addRange(range);
42 | };
43 |
44 | Selection.prototype.rangeAtEndOf = function(node, range) {
45 | var endNode, endNodeLength, result,
46 | _this = this;
47 | if (range == null) {
48 | range = this.getRange();
49 | }
50 | if (!((range != null) && range.collapsed)) {
51 | return;
52 | }
53 | node = $(node)[0];
54 | endNode = range.endContainer;
55 | endNodeLength = this.editor.util.getNodeLength(endNode);
56 | if (!(range.endOffset === endNodeLength - 1 && $(endNode).contents().last().is('br')) && range.endOffset !== endNodeLength) {
57 | return false;
58 | }
59 | if (node === endNode) {
60 | return true;
61 | } else if (!$.contains(node, endNode)) {
62 | return false;
63 | }
64 | result = true;
65 | $(endNode).parentsUntil(node).addBack().each(function(i, n) {
66 | var $lastChild, nodes;
67 | nodes = $(n).parent().contents().filter(function() {
68 | return !(this !== n && this.nodeType === 3 && !this.nodeValue);
69 | });
70 | $lastChild = nodes.last();
71 | if (!($lastChild.get(0) === n || ($lastChild.is('br') && $lastChild.prev().get(0) === n))) {
72 | result = false;
73 | return false;
74 | }
75 | });
76 | return result;
77 | };
78 |
79 | Selection.prototype.rangeAtStartOf = function(node, range) {
80 | var result, startNode,
81 | _this = this;
82 | if (range == null) {
83 | range = this.getRange();
84 | }
85 | if (!((range != null) && range.collapsed)) {
86 | return;
87 | }
88 | node = $(node)[0];
89 | startNode = range.startContainer;
90 | if (range.startOffset !== 0) {
91 | return false;
92 | }
93 | if (node === startNode) {
94 | return true;
95 | } else if (!$.contains(node, startNode)) {
96 | return false;
97 | }
98 | result = true;
99 | $(startNode).parentsUntil(node).addBack().each(function(i, n) {
100 | var nodes;
101 | nodes = $(n).parent().contents().filter(function() {
102 | return !(this !== n && this.nodeType === 3 && !this.nodeValue);
103 | });
104 | if (nodes.first().get(0) !== n) {
105 | return result = false;
106 | }
107 | });
108 | return result;
109 | };
110 |
111 | Selection.prototype.insertNode = function(node, range) {
112 | if (range == null) {
113 | range = this.getRange();
114 | }
115 | if (range == null) {
116 | return;
117 | }
118 | node = $(node)[0];
119 | range.insertNode(node);
120 | return this.setRangeAfter(node, range);
121 | };
122 |
123 | Selection.prototype.setRangeAfter = function(node, range) {
124 | if (range == null) {
125 | range = this.getRange();
126 | }
127 | if (range == null) {
128 | return;
129 | }
130 | node = $(node)[0];
131 | range.setEndAfter(node);
132 | range.collapse(false);
133 | return this.selectRange(range);
134 | };
135 |
136 | Selection.prototype.setRangeBefore = function(node, range) {
137 | if (range == null) {
138 | range = this.getRange();
139 | }
140 | if (range == null) {
141 | return;
142 | }
143 | node = $(node)[0];
144 | range.setEndBefore(node);
145 | range.collapse(false);
146 | return this.selectRange(range);
147 | };
148 |
149 | Selection.prototype.setRangeAtStartOf = function(node, range) {
150 | if (range == null) {
151 | range = this.getRange();
152 | }
153 | node = $(node).get(0);
154 | range.setEnd(node, 0);
155 | range.collapse(false);
156 | return this.selectRange(range);
157 | };
158 |
159 | Selection.prototype.setRangeAtEndOf = function(node, range) {
160 | var $node, contents, lastChild, lastText, nodeLength;
161 | if (range == null) {
162 | range = this.getRange();
163 | }
164 | $node = $(node);
165 | node = $node.get(0);
166 | if ($node.is('pre')) {
167 | contents = $node.contents();
168 | if (contents.length > 0) {
169 | lastChild = contents.last();
170 | lastText = lastChild.text();
171 | if (lastText.charAt(lastText.length - 1) === '\n') {
172 | range.setEnd(lastChild[0], this.editor.util.getNodeLength(lastChild[0]) - 1);
173 | } else {
174 | range.setEnd(lastChild[0], this.editor.util.getNodeLength(lastChild[0]));
175 | }
176 | } else {
177 | range.setEnd(node, 0);
178 | }
179 | } else {
180 | nodeLength = this.editor.util.getNodeLength(node);
181 | if (node.nodeType !== 3 && nodeLength > 0 && $(node).contents().last().is('br')) {
182 | nodeLength -= 1;
183 | }
184 | range.setEnd(node, nodeLength);
185 | }
186 | range.collapse(false);
187 | return this.selectRange(range);
188 | };
189 |
190 | Selection.prototype.deleteRangeContents = function(range) {
191 | if (range == null) {
192 | range = this.getRange();
193 | }
194 | return range.deleteContents();
195 | };
196 |
197 | Selection.prototype.breakBlockEl = function(el, range) {
198 | var $el;
199 | if (range == null) {
200 | range = this.getRange();
201 | }
202 | $el = $(el);
203 | if (!range.collapsed) {
204 | return $el;
205 | }
206 | range.setStartBefore($el.get(0));
207 | if (range.collapsed) {
208 | return $el;
209 | }
210 | return $el.before(range.extractContents());
211 | };
212 |
213 | Selection.prototype.save = function() {
214 | var endCaret, range, startCaret;
215 | if (this._selectionSaved) {
216 | return;
217 | }
218 | range = this.getRange();
219 | startCaret = $('' + match[0] + ' ')[0]);
344 | }
345 | replaceEls.push(document.createTextNode(text.substring(lastIndex)));
346 | $node.replaceWith($(replaceEls));
347 | }
348 | return $el;
349 | };
350 |
351 | Formatter.prototype.format = function($el) {
352 | var $node, blockNode, n, node, _i, _j, _len, _len1, _ref, _ref1;
353 | if ($el == null) {
354 | $el = this.editor.body;
355 | }
356 | if ($el.is(':empty')) {
357 | $el.append('' + this.editor.util.phBr + '
');
358 | return $el;
359 | }
360 | _ref = $el.contents();
361 | for (_i = 0, _len = _ref.length; _i < _len; _i++) {
362 | n = _ref[_i];
363 | this.cleanNode(n, true);
364 | }
365 | _ref1 = $el.contents();
366 | for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
367 | node = _ref1[_j];
368 | $node = $(node);
369 | if ($node.is('br')) {
370 | if (typeof blockNode !== "undefined" && blockNode !== null) {
371 | blockNode = null;
372 | }
373 | $node.remove();
374 | } else if (this.editor.util.isBlockNode(node) || $node.is('img')) {
375 | if ($node.is('li')) {
376 | if (blockNode && blockNode.is('ul, ol')) {
377 | blockNode.append(node);
378 | } else {
379 | blockNode = $('').insertBefore(node);
380 | blockNode.append(node);
381 | }
382 | } else {
383 | blockNode = null;
384 | }
385 | } else {
386 | if (!blockNode || blockNode.is('ul, ol')) {
387 | blockNode = $('
').insertBefore(node);
388 | }
389 | blockNode.append(node);
390 | }
391 | }
392 | return $el;
393 | };
394 |
395 | Formatter.prototype.cleanNode = function(node, recursive) {
396 | var $node, $p, $td, allowedAttributes, attr, contents, isDecoration, n, text, textNode, _i, _j, _len, _len1, _ref, _ref1,
397 | _this = this;
398 | $node = $(node);
399 | if ($node[0].nodeType === 3) {
400 | text = $node.text().replace(/(\r\n|\n|\r)/gm, '');
401 | if (text) {
402 | textNode = document.createTextNode(text);
403 | $node.replaceWith(textNode);
404 | } else {
405 | $node.remove();
406 | }
407 | return;
408 | }
409 | contents = $node.contents();
410 | isDecoration = $node.is('[class^="simditor-"]');
411 | if ($node.is(this._allowedTags.join(',')) || isDecoration) {
412 | if ($node.is('a') && $node.find('img').length > 0) {
413 | contents.first().unwrap();
414 | }
415 | if (!isDecoration) {
416 | allowedAttributes = this._allowedAttributes[$node[0].tagName.toLowerCase()];
417 | _ref = $.makeArray($node[0].attributes);
418 | for (_i = 0, _len = _ref.length; _i < _len; _i++) {
419 | attr = _ref[_i];
420 | if (!((allowedAttributes != null) && (_ref1 = attr.name, __indexOf.call(allowedAttributes, _ref1) >= 0))) {
421 | $node.removeAttr(attr.name);
422 | }
423 | }
424 | }
425 | } else if ($node[0].nodeType === 1 && !$node.is(':empty')) {
426 | if ($node.is('div, article, dl, header, footer, tr')) {
427 | $node.append('
');
431 | $node.find('tr').each(function(i, tr) {
432 | return $p.append($(tr).text() + '
').append(html);
465 | result = '';
466 | container.contents().each(function(i, node) {
467 | var $node, contents;
468 | if (node.nodeType === 3) {
469 | return result += node.nodeValue;
470 | } else if (node.nodeType === 1) {
471 | $node = $(node);
472 | contents = $node.contents();
473 | if (contents.length > 0) {
474 | result += _this.clearHtml(contents);
475 | }
476 | if (lineBreak && $node.is('br, p, div, li, tr, pre, address, artticle, aside, dl, figcaption, footer, h1, h2, h3, h4, header')) {
477 | return result += '\n';
478 | }
479 | }
480 | });
481 | return result;
482 | };
483 |
484 | Formatter.prototype.beautify = function($contents) {
485 | var uselessP,
486 | _this = this;
487 | uselessP = function($el) {
488 | return !!($el.is('p') && !$el.text() && $el.children(':not(br)').length < 1);
489 | };
490 | return $contents.each(function(i, el) {
491 | var $el;
492 | $el = $(el);
493 | if ($el.is(':not(img, br, col, td, hr, [class^="simditor-"]):empty')) {
494 | $el.remove();
495 | }
496 | if (uselessP($el)) {
497 | $el.remove();
498 | }
499 | return $el.find(':not(img, br, col, td, hr, [class^="simditor-"]):empty').remove();
500 | });
501 | };
502 |
503 | return Formatter;
504 |
505 | })(Plugin);
506 |
507 | InputManager = (function(_super) {
508 | __extends(InputManager, _super);
509 |
510 | InputManager.className = 'InputManager';
511 |
512 | InputManager.prototype.opts = {
513 | pasteImage: false
514 | };
515 |
516 | function InputManager() {
517 | var args;
518 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
519 | InputManager.__super__.constructor.apply(this, args);
520 | this.editor = this.widget;
521 | if (this.opts.pasteImage && typeof this.opts.pasteImage !== 'string') {
522 | this.opts.pasteImage = 'inline';
523 | }
524 | }
525 |
526 | InputManager.prototype._modifierKeys = [16, 17, 18, 91, 93, 224];
527 |
528 | InputManager.prototype._arrowKeys = [37, 38, 39, 40];
529 |
530 | InputManager.prototype._init = function() {
531 | var _this = this;
532 | this._pasteArea = $('
').css({
533 | width: '1px',
534 | height: '1px',
535 | overflow: 'hidden',
536 | position: 'fixed',
537 | right: '0',
538 | bottom: '100px'
539 | }).attr({
540 | tabIndex: '-1',
541 | contentEditable: true
542 | }).addClass('simditor-paste-area').appendTo(this.editor.el);
543 | this.editor.on('valuechanged', function() {
544 | return _this.editor.body.find('hr, pre, .simditor-image, .simditor-table').each(function(i, el) {
545 | var $el;
546 | $el = $(el);
547 | if ($el.parent().is('blockquote') || $el.parent()[0] === _this.editor.body[0]) {
548 | if ($el.next().length === 0) {
549 | $('
').append(_this.editor.util.phBr).insertAfter($el);
550 | }
551 | if ($el.prev().length === 0) {
552 | return $('
').append(_this.editor.util.phBr).insertBefore($el);
553 | }
554 | }
555 | });
556 | });
557 | this.editor.body.on('keydown', $.proxy(this._onKeyDown, this)).on('keypress', $.proxy(this._onKeyPress, this)).on('keyup', $.proxy(this._onKeyUp, this)).on('mouseup', $.proxy(this._onMouseUp, this)).on('focus', $.proxy(this._onFocus, this)).on('blur', $.proxy(this._onBlur, this)).on('paste', $.proxy(this._onPaste, this));
558 | if (this.editor.util.browser.firefox) {
559 | this.addShortcut('cmd+37', function(e) {
560 | e.preventDefault();
561 | _this.editor.selection.sel.modify('move', 'backward', 'lineboundary');
562 | return false;
563 | });
564 | this.addShortcut('cmd+39', function(e) {
565 | e.preventDefault();
566 | _this.editor.selection.sel.modify('move', 'forward', 'lineboundary');
567 | return false;
568 | });
569 | }
570 | if (this.editor.textarea.attr('autofocus')) {
571 | return setTimeout(function() {
572 | return _this.editor.focus();
573 | }, 0);
574 | }
575 | };
576 |
577 | InputManager.prototype._onFocus = function(e) {
578 | var _this = this;
579 | this.editor.el.addClass('focus').removeClass('error');
580 | this.focused = true;
581 | this.lastCaretPosition = null;
582 | this.editor.body.find('.selected').removeClass('selected');
583 | return setTimeout(function() {
584 | return _this.editor.triggerHandler('focus');
585 | }, 0);
586 | };
587 |
588 | InputManager.prototype._onBlur = function(e) {
589 | var _ref;
590 | this.editor.el.removeClass('focus');
591 | this.editor.sync();
592 | this.focused = false;
593 | this.lastCaretPosition = (_ref = this.editor.undoManager.currentState()) != null ? _ref.caret : void 0;
594 | return this.editor.triggerHandler('blur');
595 | };
596 |
597 | InputManager.prototype._onMouseUp = function(e) {
598 | if ($(e.target).is('img, .simditor-image')) {
599 | return;
600 | }
601 | this.editor.trigger('selectionchanged');
602 | return this.editor.undoManager.update();
603 | };
604 |
605 | InputManager.prototype._onKeyDown = function(e) {
606 | var $blockEl, metaKey, result, shortcutKey, _base, _ref, _ref1,
607 | _this = this;
608 | if (this.editor.triggerHandler(e) === false) {
609 | return false;
610 | }
611 | shortcutKey = this.editor.util.getShortcutKey(e);
612 | if (this._shortcuts[shortcutKey]) {
613 | return this._shortcuts[shortcutKey].call(this, e);
614 | }
615 | if (e.which in this._keystrokeHandlers) {
616 | result = typeof (_base = this._keystrokeHandlers[e.which])['*'] === "function" ? _base['*'](e) : void 0;
617 | if (result) {
618 | this.editor.trigger('valuechanged');
619 | this.editor.trigger('selectionchanged');
620 | return false;
621 | }
622 | this.editor.util.traverseUp(function(node) {
623 | var handler, _ref;
624 | if (node.nodeType !== 1) {
625 | return;
626 | }
627 | handler = (_ref = _this._keystrokeHandlers[e.which]) != null ? _ref[node.tagName.toLowerCase()] : void 0;
628 | result = typeof handler === "function" ? handler(e, $(node)) : void 0;
629 | return !result;
630 | });
631 | if (result) {
632 | this.editor.trigger('valuechanged');
633 | this.editor.trigger('selectionchanged');
634 | return false;
635 | }
636 | }
637 | if ((_ref = e.which, __indexOf.call(this._modifierKeys, _ref) >= 0) || (_ref1 = e.which, __indexOf.call(this._arrowKeys, _ref1) >= 0)) {
638 | return;
639 | }
640 | metaKey = this.editor.util.metaKey(e);
641 | $blockEl = this.editor.util.closestBlockEl();
642 | if (metaKey && e.which === 86) {
643 | return;
644 | }
645 | if (this._typing) {
646 | if (this._typing !== true) {
647 | clearTimeout(this._typing);
648 | }
649 | this._typing = setTimeout(function() {
650 | _this.editor.trigger('valuechanged');
651 | _this.editor.trigger('selectionchanged');
652 | return _this._typing = false;
653 | }, 200);
654 | } else {
655 | setTimeout(function() {
656 | _this.editor.trigger('valuechanged');
657 | return _this.editor.trigger('selectionchanged');
658 | }, 10);
659 | this._typing = true;
660 | }
661 | return null;
662 | };
663 |
664 | InputManager.prototype._onKeyPress = function(e) {
665 | var cmd, hook, _i, _len, _ref, _results;
666 | if (this.editor.triggerHandler(e) === false) {
667 | return false;
668 | }
669 | if (e.which === 13) {
670 | this._hookStack.length = 0;
671 | }
672 | if (e.which === 32) {
673 | cmd = this._hookStack.join('');
674 | this._hookStack.length = 0;
675 | _ref = this._inputHooks;
676 | _results = [];
677 | for (_i = 0, _len = _ref.length; _i < _len; _i++) {
678 | hook = _ref[_i];
679 | if ((hook.cmd instanceof RegExp && hook.cmd.test(cmd)) || hook.cmd === cmd) {
680 | hook.callback(e, hook, cmd);
681 | break;
682 | } else {
683 | _results.push(void 0);
684 | }
685 | }
686 | return _results;
687 | } else if (this._hookKeyMap[e.which]) {
688 | this._hookStack.push(this._hookKeyMap[e.which]);
689 | if (this._hookStack.length > 10) {
690 | return this._hookStack.shift();
691 | }
692 | }
693 | };
694 |
695 | InputManager.prototype._onKeyUp = function(e) {
696 | var p, _ref;
697 | if (this.editor.triggerHandler(e) === false) {
698 | return false;
699 | }
700 | if (_ref = e.which, __indexOf.call(this._arrowKeys, _ref) >= 0) {
701 | this.editor.trigger('selectionchanged');
702 | this.editor.undoManager.update();
703 | return;
704 | }
705 | if (e.which === 8 && (this.editor.body.is(':empty') || (this.editor.body.children().length === 1 && this.editor.body.children().is('br')))) {
706 | this.editor.body.empty();
707 | p = $('
').append(this.editor.util.phBr).appendTo(this.editor.body);
708 | this.editor.selection.setRangeAtStartOf(p);
709 | }
710 | };
711 |
712 | InputManager.prototype._onPaste = function(e) {
713 | var $blockEl, cleanPaste, imageFile, pasteItem, uploadOpt, _ref,
714 | _this = this;
715 | if (this.editor.triggerHandler(e) === false) {
716 | return false;
717 | }
718 | if (e.originalEvent.clipboardData && e.originalEvent.clipboardData.items && e.originalEvent.clipboardData.items.length > 0) {
719 | pasteItem = e.originalEvent.clipboardData.items[0];
720 | if (/^image\//.test(pasteItem.type)) {
721 | imageFile = pasteItem.getAsFile();
722 | if (!((imageFile != null) && this.opts.pasteImage)) {
723 | return;
724 | }
725 | if (!imageFile.name) {
726 | imageFile.name = "来自剪贴板的图片.png";
727 | }
728 | uploadOpt = {};
729 | uploadOpt[this.opts.pasteImage] = true;
730 | if ((_ref = this.editor.uploader) != null) {
731 | _ref.upload(imageFile, uploadOpt);
732 | }
733 | return false;
734 | }
735 | }
736 | $blockEl = this.editor.util.closestBlockEl();
737 | cleanPaste = $blockEl.is('pre, table');
738 | this.editor.selection.deleteRangeContents();
739 | this.editor.selection.save();
740 | this._pasteArea.focus();
741 | return setTimeout(function() {
742 | var $img, blob, children, insertPosition, node, pasteContent, range, _i, _j, _len, _len1, _ref1, _ref2;
743 | if (_this._pasteArea.is(':empty')) {
744 | pasteContent = null;
745 | } else if (cleanPaste) {
746 | pasteContent = _this.editor.formatter.clearHtml(_this._pasteArea.html());
747 | if ($blockEl.is('table')) {
748 | pasteContent = pasteContent.replace(/\n/g, '
').append(_this._pasteArea.contents());
752 | _this.editor.formatter.format(pasteContent);
753 | _this.editor.formatter.decorate(pasteContent);
754 | _this.editor.formatter.beautify(pasteContent.children());
755 | pasteContent = pasteContent.contents();
756 | }
757 | _this._pasteArea.empty();
758 | range = _this.editor.selection.restore();
759 | if (_this.editor.triggerHandler('pasting', [pasteContent]) === false) {
760 | return;
761 | }
762 | if (!pasteContent) {
763 | return;
764 | } else if (cleanPaste) {
765 | pasteContent = $('
').append(pasteContent);
766 | _ref1 = pasteContent.contents();
767 | for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
768 | node = _ref1[_i];
769 | _this.editor.selection.insertNode($(node)[0], range);
770 | }
771 | } else if (pasteContent.length < 1) {
772 | return;
773 | } else if (pasteContent.length === 1) {
774 | if (pasteContent.is('p')) {
775 | children = pasteContent.contents();
776 | for (_j = 0, _len1 = children.length; _j < _len1; _j++) {
777 | node = children[_j];
778 | _this.editor.selection.insertNode(node, range);
779 | }
780 | } else if (pasteContent.is('.simditor-image')) {
781 | $img = pasteContent.find('img');
782 | if (dataURLtoBlob && $img.is('img[src^="data:image/png;base64"]')) {
783 | if (!_this.opts.pasteImage) {
784 | return;
785 | }
786 | blob = dataURLtoBlob($img.attr("src"));
787 | blob.name = "来自剪贴板的图片.png";
788 | uploadOpt = {};
789 | uploadOpt[_this.opts.pasteImage] = true;
790 | if ((_ref2 = _this.editor.uploader) != null) {
791 | _ref2.upload(blob, uploadOpt);
792 | }
793 | return;
794 | } else if (imgEl.is('img[src^="webkit-fake-url://"]')) {
795 | return;
796 | }
797 | } else if ($blockEl.is('p') && _this.editor.util.isEmptyNode($blockEl)) {
798 | $blockEl.replaceWith(pasteContent);
799 | _this.editor.selection.setRangeAtEndOf(pasteContent, range);
800 | } else if (pasteContent.is('ul, ol') && $blockEl.is('li')) {
801 | $blockEl.parent().after(pasteContent);
802 | _this.editor.selection.setRangeAtEndOf(pasteContent, range);
803 | } else {
804 | $blockEl.after(pasteContent);
805 | _this.editor.selection.setRangeAtEndOf(pasteContent, range);
806 | }
807 | } else {
808 | if ($blockEl.is('li')) {
809 | $blockEl = $blockEl.parent();
810 | }
811 | if (_this.editor.selection.rangeAtStartOf($blockEl, range)) {
812 | insertPosition = 'before';
813 | } else if (_this.editor.selection.rangeAtEndOf($blockEl, range)) {
814 | insertPosition = 'after';
815 | } else {
816 | _this.editor.selection.breakBlockEl($blockEl, range);
817 | insertPosition = 'before';
818 | }
819 | $blockEl[insertPosition](pasteContent);
820 | _this.editor.selection.setRangeAtEndOf(pasteContent.last(), range);
821 | }
822 | _this.editor.trigger('valuechanged');
823 | return _this.editor.trigger('selectionchanged');
824 | }, 10);
825 | };
826 |
827 | InputManager.prototype._keystrokeHandlers = {};
828 |
829 | InputManager.prototype.addKeystrokeHandler = function(key, node, handler) {
830 | if (!this._keystrokeHandlers[key]) {
831 | this._keystrokeHandlers[key] = {};
832 | }
833 | return this._keystrokeHandlers[key][node] = handler;
834 | };
835 |
836 | InputManager.prototype._inputHooks = [];
837 |
838 | InputManager.prototype._hookKeyMap = {};
839 |
840 | InputManager.prototype._hookStack = [];
841 |
842 | InputManager.prototype.addInputHook = function(hookOpt) {
843 | $.extend(this._hookKeyMap, hookOpt.key);
844 | return this._inputHooks.push(hookOpt);
845 | };
846 |
847 | InputManager.prototype._shortcuts = {
848 | 'cmd+13': function(e) {
849 | this.editor.el.closest('form').find('button:submit').click();
850 | return false;
851 | }
852 | };
853 |
854 | InputManager.prototype.addShortcut = function(keys, handler) {
855 | return this._shortcuts[keys] = $.proxy(handler, this);
856 | };
857 |
858 | return InputManager;
859 |
860 | })(Plugin);
861 |
862 | Keystroke = (function(_super) {
863 | __extends(Keystroke, _super);
864 |
865 | Keystroke.className = 'Keystroke';
866 |
867 | function Keystroke() {
868 | var args;
869 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
870 | Keystroke.__super__.constructor.apply(this, args);
871 | this.editor = this.widget;
872 | }
873 |
874 | Keystroke.prototype._init = function() {
875 | var _this = this;
876 | if (this.editor.util.browser.safari) {
877 | this.editor.inputManager.addKeystrokeHandler('13', '*', function(e) {
878 | var $br;
879 | if (!e.shiftKey) {
880 | return;
881 | }
882 | $br = $('
').append(_this.editor.util.phBr).insertAfter(listEl);
933 | newListEl = $('<' + listEl[0].tagName + '/>').append($node.nextAll('li'));
934 | newBlockEl.after(newListEl);
935 | }
936 | } else {
937 | if (listEl.parent('li').length > 0) {
938 | newBlockEl = $('
').append(_this.editor.util.phBr).insertAfter(listEl);
946 | if ($node.children('ul, ol').length > 0) {
947 | newBlockEl.after($node.children('ul, ol'));
948 | }
949 | }
950 | }
951 | if ($node.prev('li').length) {
952 | $node.remove();
953 | } else {
954 | listEl.remove();
955 | }
956 | _this.editor.selection.setRangeAtStartOf(newBlockEl);
957 | return true;
958 | });
959 | this.editor.inputManager.addKeystrokeHandler('13', 'pre', function(e, $node) {
960 | var breakNode, range;
961 | e.preventDefault();
962 | range = _this.editor.selection.getRange();
963 | breakNode = null;
964 | range.deleteContents();
965 | if (!_this.editor.util.browser.msie && _this.editor.selection.rangeAtEndOf($node)) {
966 | breakNode = document.createTextNode('\n\n');
967 | range.insertNode(breakNode);
968 | range.setEnd(breakNode, 1);
969 | } else {
970 | breakNode = document.createTextNode('\n');
971 | range.insertNode(breakNode);
972 | range.setStartAfter(breakNode);
973 | }
974 | range.collapse(false);
975 | _this.editor.selection.selectRange(range);
976 | return true;
977 | });
978 | this.editor.inputManager.addKeystrokeHandler('13', 'blockquote', function(e, $node) {
979 | var $closestBlock;
980 | $closestBlock = _this.editor.util.closestBlockEl();
981 | if (!($closestBlock.is('p') && !$closestBlock.next().length && _this.editor.util.isEmptyNode($closestBlock))) {
982 | return;
983 | }
984 | $node.after($closestBlock);
985 | _this.editor.selection.setRangeAtStartOf($closestBlock);
986 | return true;
987 | });
988 | this.editor.inputManager.addKeystrokeHandler('8', 'li', function(e, $node) {
989 | var $br, $childList, $newLi, $prevChildList, $prevNode, $textNode, range, text;
990 | $childList = $node.children('ul, ol');
991 | $prevNode = $node.prev('li');
992 | if (!($childList.length > 0 && $prevNode.length > 0)) {
993 | return;
994 | }
995 | text = '';
996 | $textNode = null;
997 | $node.contents().each(function(i, n) {
998 | if (n.nodeType === 3 && n.nodeValue) {
999 | text += n.nodeValue;
1000 | return $textNode = $(n);
1001 | }
1002 | });
1003 | if ($textNode && text.length === 1 && _this.editor.util.browser.firefox && !$textNode.next('br').length) {
1004 | $br = $(_this.editor.util.phBr).insertAfter($textNode);
1005 | $textNode.remove();
1006 | _this.editor.selection.setRangeBefore($br);
1007 | return true;
1008 | } else if (text.length > 0) {
1009 | return;
1010 | }
1011 | range = document.createRange();
1012 | $prevChildList = $prevNode.children('ul, ol');
1013 | if ($prevChildList.length > 0) {
1014 | $newLi = $('
').append(codeStr || _this.editor.util.phBr).insertAfter($node);
1033 | $node.remove();
1034 | _this.editor.selection.setRangeAtStartOf($newNode);
1035 | return true;
1036 | });
1037 | return this.editor.inputManager.addKeystrokeHandler('8', 'blockquote', function(e, $node) {
1038 | var $firstChild;
1039 | if (!_this.editor.selection.rangeAtStartOf($node)) {
1040 | return;
1041 | }
1042 | $firstChild = $node.children().first().unwrap();
1043 | _this.editor.selection.setRangeAtStartOf($firstChild);
1044 | return true;
1045 | });
1046 | };
1047 |
1048 | return Keystroke;
1049 |
1050 | })(Plugin);
1051 |
1052 | UndoManager = (function(_super) {
1053 | __extends(UndoManager, _super);
1054 |
1055 | UndoManager.className = 'UndoManager';
1056 |
1057 | UndoManager.prototype._stack = [];
1058 |
1059 | UndoManager.prototype._index = -1;
1060 |
1061 | UndoManager.prototype._capacity = 50;
1062 |
1063 | UndoManager.prototype._timer = null;
1064 |
1065 | function UndoManager() {
1066 | var args;
1067 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
1068 | UndoManager.__super__.constructor.apply(this, args);
1069 | this.editor = this.widget;
1070 | }
1071 |
1072 | UndoManager.prototype._init = function() {
1073 | var redoShortcut, undoShortcut,
1074 | _this = this;
1075 | if (this.editor.util.os.mac) {
1076 | undoShortcut = 'cmd+90';
1077 | redoShortcut = 'shift+cmd+90';
1078 | } else {
1079 | undoShortcut = 'ctrl+90';
1080 | redoShortcut = 'ctrl+89';
1081 | }
1082 | this.editor.inputManager.addShortcut(undoShortcut, function(e) {
1083 | e.preventDefault();
1084 | _this.undo();
1085 | return false;
1086 | });
1087 | this.editor.inputManager.addShortcut(redoShortcut, function(e) {
1088 | e.preventDefault();
1089 | _this.redo();
1090 | return false;
1091 | });
1092 | return this.editor.on('valuechanged', function(e, src) {
1093 | if (src === 'undo') {
1094 | return;
1095 | }
1096 | if (_this._timer) {
1097 | clearTimeout(_this._timer);
1098 | _this._timer = null;
1099 | }
1100 | return _this._timer = setTimeout(function() {
1101 | return _this._pushUndoState();
1102 | }, 200);
1103 | });
1104 | };
1105 |
1106 | UndoManager.prototype._pushUndoState = function() {
1107 | var currentState, html;
1108 | currentState = this.currentState();
1109 | html = this.editor.body.html();
1110 | if (currentState && currentState.html === html) {
1111 | return;
1112 | }
1113 | this._index += 1;
1114 | this._stack.length = this._index;
1115 | this._stack.push({
1116 | html: html,
1117 | caret: this.caretPosition()
1118 | });
1119 | if (this._stack.length > this._capacity) {
1120 | this._stack.shift();
1121 | return this._index -= 1;
1122 | }
1123 | };
1124 |
1125 | UndoManager.prototype.currentState = function() {
1126 | if (this._stack.length && this._index > -1) {
1127 | return this._stack[this._index];
1128 | } else {
1129 | return null;
1130 | }
1131 | };
1132 |
1133 | UndoManager.prototype.undo = function() {
1134 | var state;
1135 | if (this._index < 1 || this._stack.length < 2) {
1136 | return;
1137 | }
1138 | this.editor.hidePopover();
1139 | this._index -= 1;
1140 | state = this._stack[this._index];
1141 | this.editor.body.html(state.html);
1142 | this.caretPosition(state.caret);
1143 | this.editor.find('.selected').removeClass('selected');
1144 | this.editor.sync();
1145 | this.editor.trigger('valuechanged', ['undo']);
1146 | return this.editor.trigger('selectionchanged', ['undo']);
1147 | };
1148 |
1149 | UndoManager.prototype.redo = function() {
1150 | var state;
1151 | if (this._index < 0 || this._stack.length < this._index + 2) {
1152 | return;
1153 | }
1154 | this.editor.hidePopover();
1155 | this._index += 1;
1156 | state = this._stack[this._index];
1157 | this.editor.body.html(state.html);
1158 | this.caretPosition(state.caret);
1159 | this.editor.find('.selected').removeClass('selected');
1160 | this.editor.sync();
1161 | this.editor.trigger('valuechanged', ['undo']);
1162 | return this.editor.trigger('selectionchanged', ['undo']);
1163 | };
1164 |
1165 | UndoManager.prototype.update = function() {
1166 | var currentState, html;
1167 | currentState = this.currentState();
1168 | if (!currentState) {
1169 | return;
1170 | }
1171 | html = this.editor.body.html();
1172 | currentState.html = html;
1173 | return currentState.caret = this.caretPosition();
1174 | };
1175 |
1176 | UndoManager.prototype._getNodeOffset = function(node, index) {
1177 | var $parent, merging, offset,
1178 | _this = this;
1179 | if (index) {
1180 | $parent = $(node);
1181 | } else {
1182 | $parent = $(node).parent();
1183 | }
1184 | offset = 0;
1185 | merging = false;
1186 | $parent.contents().each(function(i, child) {
1187 | if (index === i || node === child) {
1188 | return false;
1189 | }
1190 | if (child.nodeType === 3) {
1191 | if (!merging) {
1192 | offset += 1;
1193 | merging = true;
1194 | }
1195 | } else {
1196 | offset += 1;
1197 | merging = false;
1198 | }
1199 | return null;
1200 | });
1201 | return offset;
1202 | };
1203 |
1204 | UndoManager.prototype._getNodePosition = function(node, offset) {
1205 | var position, prevNode,
1206 | _this = this;
1207 | if (node.nodeType === 3) {
1208 | prevNode = node.previousSibling;
1209 | while (prevNode && prevNode.nodeType === 3) {
1210 | node = prevNode;
1211 | offset += this.editor.util.getNodeLength(prevNode);
1212 | prevNode = prevNode.previousSibling;
1213 | }
1214 | } else {
1215 | offset = this._getNodeOffset(node, offset);
1216 | }
1217 | position = [];
1218 | position.unshift(offset);
1219 | this.editor.util.traverseUp(function(n) {
1220 | return position.unshift(_this._getNodeOffset(n));
1221 | }, node);
1222 | return position;
1223 | };
1224 |
1225 | UndoManager.prototype._getNodeByPosition = function(position) {
1226 | var child, childNodes, i, node, offset, _i, _len, _ref;
1227 | node = this.editor.body[0];
1228 | _ref = position.slice(0, position.length - 1);
1229 | for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) {
1230 | offset = _ref[i];
1231 | childNodes = node.childNodes;
1232 | if (offset > childNodes.length - 1) {
1233 | if (i === position.length - 2 && $(node).is('pre')) {
1234 | child = document.createTextNode('');
1235 | node.appendChild(child);
1236 | childNodes = node.childNodes;
1237 | } else {
1238 | node = null;
1239 | break;
1240 | }
1241 | }
1242 | node = childNodes[offset];
1243 | }
1244 | return node;
1245 | };
1246 |
1247 | UndoManager.prototype.caretPosition = function(caret) {
1248 | var endContainer, endOffset, range, startContainer, startOffset;
1249 | if (!caret) {
1250 | range = this.editor.selection.getRange();
1251 | if (!(this.editor.inputManager.focused && (range != null))) {
1252 | return {};
1253 | }
1254 | caret = {
1255 | start: [],
1256 | end: null,
1257 | collapsed: true
1258 | };
1259 | caret.start = this._getNodePosition(range.startContainer, range.startOffset);
1260 | if (!range.collapsed) {
1261 | caret.end = this._getNodePosition(range.endContainer, range.endOffset);
1262 | caret.collapsed = false;
1263 | }
1264 | return caret;
1265 | } else {
1266 | if (!this.editor.inputManager.focused) {
1267 | this.editor.body.focus();
1268 | }
1269 | if (!caret.start) {
1270 | this.editor.body.blur();
1271 | return;
1272 | }
1273 | startContainer = this._getNodeByPosition(caret.start);
1274 | startOffset = caret.start[caret.start.length - 1];
1275 | if (caret.collapsed) {
1276 | endContainer = startContainer;
1277 | endOffset = startOffset;
1278 | } else {
1279 | endContainer = this._getNodeByPosition(caret.end);
1280 | endOffset = caret.start[caret.start.length - 1];
1281 | }
1282 | if (!startContainer || !endContainer) {
1283 | throw new Error('simditor: invalid caret state');
1284 | return;
1285 | }
1286 | range = document.createRange();
1287 | range.setStart(startContainer, startOffset);
1288 | range.setEnd(endContainer, endOffset);
1289 | return this.editor.selection.selectRange(range);
1290 | }
1291 | };
1292 |
1293 | return UndoManager;
1294 |
1295 | })(Plugin);
1296 |
1297 | Util = (function(_super) {
1298 | __extends(Util, _super);
1299 |
1300 | Util.className = 'Util';
1301 |
1302 | function Util() {
1303 | var args;
1304 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
1305 | Util.__super__.constructor.apply(this, args);
1306 | if (this.browser.msie && this.browser.version < 11) {
1307 | this.phBr = '';
1308 | }
1309 | this.editor = this.widget;
1310 | }
1311 |
1312 | Util.prototype._init = function() {};
1313 |
1314 | Util.prototype.phBr = '
').appendTo(this.editor.wrapper).data('popover', this);
2136 | this.render();
2137 | this.editor.on('blur.linkpopover', function() {
2138 | if (_this.active && (_this.target != null)) {
2139 | return _this.target.addClass('selected');
2140 | }
2141 | });
2142 | this.el.on('mouseenter', function(e) {
2143 | return _this.el.addClass('hover');
2144 | });
2145 | this.el.on('mouseleave', function(e) {
2146 | return _this.el.removeClass('hover');
2147 | });
2148 | }
2149 |
2150 | Popover.prototype.render = function() {};
2151 |
2152 | Popover.prototype.show = function($target, position) {
2153 | var _this = this;
2154 | if (position == null) {
2155 | position = 'bottom';
2156 | }
2157 | if ($target == null) {
2158 | return;
2159 | }
2160 | this.target = $target;
2161 | this.el.siblings('.simditor-popover').each(function(i, el) {
2162 | var popover;
2163 | popover = $(el).data('popover');
2164 | return popover.hide();
2165 | });
2166 | if (this.active) {
2167 | this.refresh(position);
2168 | return this.trigger('popovershow');
2169 | } else {
2170 | this.active = true;
2171 | this.el.css({
2172 | left: -9999
2173 | }).show();
2174 | return setTimeout(function() {
2175 | _this.refresh(position);
2176 | return _this.trigger('popovershow');
2177 | }, 0);
2178 | }
2179 | };
2180 |
2181 | Popover.prototype.hide = function() {
2182 | if (!this.active) {
2183 | return;
2184 | }
2185 | if (this.target) {
2186 | this.target.removeClass('selected');
2187 | }
2188 | this.target = null;
2189 | this.active = false;
2190 | this.el.hide();
2191 | return this.trigger('popoverhide');
2192 | };
2193 |
2194 | Popover.prototype.refresh = function(position) {
2195 | var left, targetH, targetOffset, top, wrapperOffset;
2196 | if (position == null) {
2197 | position = 'bottom';
2198 | }
2199 | wrapperOffset = this.editor.wrapper.offset();
2200 | targetOffset = this.target.offset();
2201 | targetH = this.target.outerHeight();
2202 | if (position === 'bottom') {
2203 | top = targetOffset.top - wrapperOffset.top + targetH;
2204 | } else if (position === 'top') {
2205 | top = targetOffset.top - wrapperOffset.top - this.el.height();
2206 | }
2207 | left = Math.min(targetOffset.left - wrapperOffset.left, this.editor.wrapper.width() - this.el.outerWidth() - 10);
2208 | return this.el.css({
2209 | top: top + this.offset.top,
2210 | left: left + this.offset.left
2211 | });
2212 | };
2213 |
2214 | Popover.prototype.destroy = function() {
2215 | this.target = null;
2216 | this.active = false;
2217 | this.editor.off('.linkpopover');
2218 | return this.el.remove();
2219 | };
2220 |
2221 | return Popover;
2222 |
2223 | })(Module);
2224 |
2225 | TitleButton = (function(_super) {
2226 | __extends(TitleButton, _super);
2227 |
2228 | function TitleButton() {
2229 | _ref3 = TitleButton.__super__.constructor.apply(this, arguments);
2230 | return _ref3;
2231 | }
2232 |
2233 | TitleButton.prototype.name = 'title';
2234 |
2235 | TitleButton.prototype.title = '标题文字';
2236 |
2237 | TitleButton.prototype.htmlTag = 'h1, h2, h3, h4';
2238 |
2239 | TitleButton.prototype.disableTag = 'pre, table';
2240 |
2241 | TitleButton.prototype.menu = [
2242 | {
2243 | name: 'normal',
2244 | text: '普通文本',
2245 | param: 'p'
2246 | }, '|', {
2247 | name: 'h1',
2248 | text: '标题 1',
2249 | param: 'h1'
2250 | }, {
2251 | name: 'h2',
2252 | text: '标题 2',
2253 | param: 'h2'
2254 | }, {
2255 | name: 'h3',
2256 | text: '标题 3',
2257 | param: 'h3'
2258 | }
2259 | ];
2260 |
2261 | TitleButton.prototype.setActive = function(active, param) {
2262 | this.active = active;
2263 | if (active) {
2264 | return this.el.addClass('active active-' + param);
2265 | } else {
2266 | return this.el.removeClass('active active-p active-h1 active-h2 active-h3');
2267 | }
2268 | };
2269 |
2270 | TitleButton.prototype.status = function($node) {
2271 | var param, _ref4;
2272 | if ($node != null) {
2273 | this.setDisabled($node.is(this.disableTag));
2274 | }
2275 | if (this.disabled) {
2276 | return true;
2277 | }
2278 | if ($node != null) {
2279 | param = (_ref4 = $node[0].tagName) != null ? _ref4.toLowerCase() : void 0;
2280 | this.setActive($node.is(this.htmlTag), param);
2281 | }
2282 | return this.active;
2283 | };
2284 |
2285 | TitleButton.prototype.command = function(param) {
2286 | var $contents, $endBlock, $startBlock, endNode, node, range, results, startNode, _i, _len, _ref4,
2287 | _this = this;
2288 | range = this.editor.selection.getRange();
2289 | startNode = range.startContainer;
2290 | endNode = range.endContainer;
2291 | $startBlock = this.editor.util.closestBlockEl(startNode);
2292 | $endBlock = this.editor.util.closestBlockEl(endNode);
2293 | this.editor.selection.save();
2294 | range.setStartBefore($startBlock[0]);
2295 | range.setEndAfter($endBlock[0]);
2296 | $contents = $(range.extractContents());
2297 | results = [];
2298 | $contents.children().each(function(i, el) {
2299 | var c, converted, _i, _len, _results;
2300 | converted = _this._convertEl(el, param);
2301 | _results = [];
2302 | for (_i = 0, _len = converted.length; _i < _len; _i++) {
2303 | c = converted[_i];
2304 | _results.push(results.push(c));
2305 | }
2306 | return _results;
2307 | });
2308 | _ref4 = results.reverse();
2309 | for (_i = 0, _len = _ref4.length; _i < _len; _i++) {
2310 | node = _ref4[_i];
2311 | range.insertNode(node[0]);
2312 | }
2313 | this.editor.selection.restore();
2314 | this.editor.trigger('valuechanged');
2315 | return this.editor.trigger('selectionchanged');
2316 | };
2317 |
2318 | TitleButton.prototype._convertEl = function(el, param) {
2319 | var $block, $el, results;
2320 | $el = $(el);
2321 | results = [];
2322 | if ($el.is(param)) {
2323 | results.push($el);
2324 | } else {
2325 | $block = $('<' + param + '/>').append($el.contents());
2326 | results.push($block);
2327 | }
2328 | return results;
2329 | };
2330 |
2331 | return TitleButton;
2332 |
2333 | })(Button);
2334 |
2335 | Simditor.Toolbar.addButton(TitleButton);
2336 |
2337 | BoldButton = (function(_super) {
2338 | __extends(BoldButton, _super);
2339 |
2340 | function BoldButton() {
2341 | _ref4 = BoldButton.__super__.constructor.apply(this, arguments);
2342 | return _ref4;
2343 | }
2344 |
2345 | BoldButton.prototype.name = 'bold';
2346 |
2347 | BoldButton.prototype.icon = 'bold';
2348 |
2349 | BoldButton.prototype.title = '加粗文字';
2350 |
2351 | BoldButton.prototype.htmlTag = 'b, strong';
2352 |
2353 | BoldButton.prototype.disableTag = 'pre';
2354 |
2355 | BoldButton.prototype.shortcut = 'cmd+66';
2356 |
2357 | BoldButton.prototype.status = function($node) {
2358 | var active;
2359 | if ($node != null) {
2360 | this.setDisabled($node.is(this.disableTag));
2361 | }
2362 | if (this.disabled) {
2363 | return true;
2364 | }
2365 | active = document.queryCommandState('bold') === true;
2366 | this.setActive(active);
2367 | return active;
2368 | };
2369 |
2370 | BoldButton.prototype.command = function() {
2371 | document.execCommand('bold');
2372 | this.editor.trigger('valuechanged');
2373 | return this.editor.trigger('selectionchanged');
2374 | };
2375 |
2376 | return BoldButton;
2377 |
2378 | })(Button);
2379 |
2380 | Simditor.Toolbar.addButton(BoldButton);
2381 |
2382 | ItalicButton = (function(_super) {
2383 | __extends(ItalicButton, _super);
2384 |
2385 | function ItalicButton() {
2386 | _ref5 = ItalicButton.__super__.constructor.apply(this, arguments);
2387 | return _ref5;
2388 | }
2389 |
2390 | ItalicButton.prototype.name = 'italic';
2391 |
2392 | ItalicButton.prototype.icon = 'italic';
2393 |
2394 | ItalicButton.prototype.title = '斜体文字';
2395 |
2396 | ItalicButton.prototype.htmlTag = 'i';
2397 |
2398 | ItalicButton.prototype.disableTag = 'pre';
2399 |
2400 | ItalicButton.prototype.shortcut = 'cmd+73';
2401 |
2402 | ItalicButton.prototype.status = function($node) {
2403 | var active;
2404 | if ($node != null) {
2405 | this.setDisabled($node.is(this.disableTag));
2406 | }
2407 | if (this.disabled) {
2408 | return this.disabled;
2409 | }
2410 | active = document.queryCommandState('italic') === true;
2411 | this.setActive(active);
2412 | return active;
2413 | };
2414 |
2415 | ItalicButton.prototype.command = function() {
2416 | document.execCommand('italic');
2417 | this.editor.trigger('valuechanged');
2418 | return this.editor.trigger('selectionchanged');
2419 | };
2420 |
2421 | return ItalicButton;
2422 |
2423 | })(Button);
2424 |
2425 | Simditor.Toolbar.addButton(ItalicButton);
2426 |
2427 | UnderlineButton = (function(_super) {
2428 | __extends(UnderlineButton, _super);
2429 |
2430 | function UnderlineButton() {
2431 | _ref6 = UnderlineButton.__super__.constructor.apply(this, arguments);
2432 | return _ref6;
2433 | }
2434 |
2435 | UnderlineButton.prototype.name = 'underline';
2436 |
2437 | UnderlineButton.prototype.icon = 'underline';
2438 |
2439 | UnderlineButton.prototype.title = '下划线文字';
2440 |
2441 | UnderlineButton.prototype.htmlTag = 'u';
2442 |
2443 | UnderlineButton.prototype.disableTag = 'pre';
2444 |
2445 | UnderlineButton.prototype.shortcut = 'cmd+85';
2446 |
2447 | UnderlineButton.prototype.status = function($node) {
2448 | var active;
2449 | if ($node != null) {
2450 | this.setDisabled($node.is(this.disableTag));
2451 | }
2452 | if (this.disabled) {
2453 | return this.disabled;
2454 | }
2455 | active = document.queryCommandState('underline') === true;
2456 | this.setActive(active);
2457 | return active;
2458 | };
2459 |
2460 | UnderlineButton.prototype.command = function() {
2461 | document.execCommand('underline');
2462 | this.editor.trigger('valuechanged');
2463 | return this.editor.trigger('selectionchanged');
2464 | };
2465 |
2466 | return UnderlineButton;
2467 |
2468 | })(Button);
2469 |
2470 | Simditor.Toolbar.addButton(UnderlineButton);
2471 |
2472 | ListButton = (function(_super) {
2473 | __extends(ListButton, _super);
2474 |
2475 | function ListButton() {
2476 | _ref7 = ListButton.__super__.constructor.apply(this, arguments);
2477 | return _ref7;
2478 | }
2479 |
2480 | ListButton.prototype.type = '';
2481 |
2482 | ListButton.prototype.disableTag = 'pre, table';
2483 |
2484 | ListButton.prototype.status = function($node) {
2485 | var anotherType;
2486 | if ($node != null) {
2487 | this.setDisabled($node.is(this.disableTag));
2488 | }
2489 | if (this.disabled) {
2490 | return true;
2491 | }
2492 | if ($node == null) {
2493 | return this.active;
2494 | }
2495 | anotherType = this.type === 'ul' ? 'ol' : 'ul';
2496 | if ($node.is(anotherType)) {
2497 | this.setActive(false);
2498 | return true;
2499 | } else {
2500 | this.setActive($node.is(this.htmlTag));
2501 | return this.active;
2502 | }
2503 | };
2504 |
2505 | ListButton.prototype.command = function(param) {
2506 | var $contents, $endBlock, $furthestEnd, $furthestStart, $parent, $startBlock, endLevel, endNode, getListLevel, node, range, results, startLevel, startNode, _i, _len, _ref8,
2507 | _this = this;
2508 | range = this.editor.selection.getRange();
2509 | startNode = range.startContainer;
2510 | endNode = range.endContainer;
2511 | $startBlock = this.editor.util.closestBlockEl(startNode);
2512 | $endBlock = this.editor.util.closestBlockEl(endNode);
2513 | this.editor.selection.save();
2514 | range.setStartBefore($startBlock[0]);
2515 | range.setEndAfter($endBlock[0]);
2516 | if ($startBlock.is('li') && $endBlock.is('li')) {
2517 | $furthestStart = this.editor.util.furthestNode($startBlock, 'ul, ol');
2518 | $furthestEnd = this.editor.util.furthestNode($endBlock, 'ul, ol');
2519 | if ($furthestStart.is($furthestEnd)) {
2520 | getListLevel = function($li) {
2521 | var lvl;
2522 | lvl = 1;
2523 | while (!$li.parent().is($furthestStart)) {
2524 | lvl += 1;
2525 | $li = $li.parent();
2526 | }
2527 | return lvl;
2528 | };
2529 | startLevel = getListLevel($startBlock);
2530 | endLevel = getListLevel($endBlock);
2531 | if (startLevel > endLevel) {
2532 | $parent = $endBlock.parent();
2533 | } else {
2534 | $parent = $startBlock.parent();
2535 | }
2536 | range.setStartBefore($parent[0]);
2537 | range.setEndAfter($parent[0]);
2538 | } else {
2539 | range.setStartBefore($furthestStart[0]);
2540 | range.setEndAfter($furthestEnd[0]);
2541 | }
2542 | }
2543 | $contents = $(range.extractContents());
2544 | results = [];
2545 | $contents.children().each(function(i, el) {
2546 | var c, converted, _i, _len, _results;
2547 | converted = _this._convertEl(el);
2548 | _results = [];
2549 | for (_i = 0, _len = converted.length; _i < _len; _i++) {
2550 | c = converted[_i];
2551 | if (results.length && results[results.length - 1].is(_this.type) && c.is(_this.type)) {
2552 | _results.push(results[results.length - 1].append(c.children()));
2553 | } else {
2554 | _results.push(results.push(c));
2555 | }
2556 | }
2557 | return _results;
2558 | });
2559 | _ref8 = results.reverse();
2560 | for (_i = 0, _len = _ref8.length; _i < _len; _i++) {
2561 | node = _ref8[_i];
2562 | range.insertNode(node[0]);
2563 | }
2564 | this.editor.selection.restore();
2565 | this.editor.trigger('valuechanged');
2566 | return this.editor.trigger('selectionchanged');
2567 | };
2568 |
2569 | ListButton.prototype._convertEl = function(el) {
2570 | var $el, anotherType, block, child, children, results, _i, _len, _ref8,
2571 | _this = this;
2572 | $el = $(el);
2573 | results = [];
2574 | anotherType = this.type === 'ul' ? 'ol' : 'ul';
2575 | if ($el.is(this.type)) {
2576 | $el.children('li').each(function(i, li) {
2577 | var $childList, $li, block;
2578 | $li = $(li);
2579 | $childList = $li.children('ul, ol').remove();
2580 | block = $('
').append($(li).html() || _this.editor.util.phBr);
2581 | results.push(block);
2582 | if ($childList.length > 0) {
2583 | return results.push($childList);
2584 | }
2585 | });
2586 | } else if ($el.is(anotherType)) {
2587 | block = $('<' + this.type + '/>').append($el.html());
2588 | results.push(block);
2589 | } else if ($el.is('blockquote')) {
2590 | _ref8 = $el.children().get();
2591 | for (_i = 0, _len = _ref8.length; _i < _len; _i++) {
2592 | child = _ref8[_i];
2593 | children = this._convertEl(child);
2594 | }
2595 | $.merge(results, children);
2596 | } else if ($el.is('table')) {
2597 |
2598 | } else {
2599 | block = $('<' + this.type + '>
').append($el.html().replace('\n', '\n
\n \n 选择程序语言 \n C++ \n CSS \n CoffeeScript \n Html,XML \n JSON \n Java \n JavaScript \n Markdown \n Objective C \n PHP \n Perl \n Python \n Ruby \n SQL \n \n
\n
').append($link);
2951 | range.insertNode($newBlock[0]);
2952 | }
2953 | range.selectNodeContents($link[0]);
2954 | this.popover.one('popovershow', function() {
2955 | if (linkText) {
2956 | _this.popover.urlEl.focus();
2957 | return _this.popover.urlEl[0].select();
2958 | } else {
2959 | _this.popover.textEl.focus();
2960 | return _this.popover.textEl[0].select();
2961 | }
2962 | });
2963 | }
2964 | this.editor.selection.selectRange(range);
2965 | this.editor.trigger('valuechanged');
2966 | return this.editor.trigger('selectionchanged');
2967 | };
2968 |
2969 | return LinkButton;
2970 |
2971 | })(Button);
2972 |
2973 | LinkPopover = (function(_super) {
2974 | __extends(LinkPopover, _super);
2975 |
2976 | function LinkPopover() {
2977 | _ref14 = LinkPopover.__super__.constructor.apply(this, arguments);
2978 | return _ref14;
2979 | }
2980 |
2981 | LinkPopover.prototype._tpl = "";
2982 |
2983 | LinkPopover.prototype.render = function() {
2984 | var _this = this;
2985 | this.el.addClass('link-popover').append(this._tpl);
2986 | this.textEl = this.el.find('.link-text');
2987 | this.urlEl = this.el.find('.link-url');
2988 | this.unlinkEl = this.el.find('.btn-unlink');
2989 | this.textEl.on('keyup', function(e) {
2990 | if (e.which === 13) {
2991 | return;
2992 | }
2993 | return _this.target.text(_this.textEl.val());
2994 | });
2995 | this.urlEl.on('keyup', function(e) {
2996 | if (e.which === 13) {
2997 | return;
2998 | }
2999 | return _this.target.attr('href', _this.urlEl.val());
3000 | });
3001 | $([this.urlEl[0], this.textEl[0]]).on('keydown', function(e) {
3002 | if (e.which === 13 || e.which === 27 || (!e.shiftKey && e.which === 9 && $(e.target).hasClass('link-url'))) {
3003 | e.preventDefault();
3004 | return setTimeout(function() {
3005 | var range;
3006 | range = document.createRange();
3007 | _this.editor.selection.setRangeAfter(_this.target, range);
3008 | if (_this.editor.util.browser.firefox) {
3009 | _this.editor.body.focus();
3010 | }
3011 | _this.hide();
3012 | _this.editor.trigger('valuechanged');
3013 | return _this.editor.trigger('selectionchanged');
3014 | }, 0);
3015 | }
3016 | });
3017 | return this.unlinkEl.on('click', function(e) {
3018 | var range, txtNode;
3019 | txtNode = document.createTextNode(_this.target.text());
3020 | _this.target.replaceWith(txtNode);
3021 | _this.hide();
3022 | range = document.createRange();
3023 | _this.editor.selection.setRangeAfter(txtNode, range);
3024 | if (_this.editor.util.browser.firefox && !_this.editor.inputManager.focused) {
3025 | _this.editor.body.focus();
3026 | }
3027 | _this.editor.trigger('valuechanged');
3028 | return _this.editor.trigger('selectionchanged');
3029 | });
3030 | };
3031 |
3032 | LinkPopover.prototype.show = function() {
3033 | var args;
3034 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
3035 | LinkPopover.__super__.show.apply(this, args);
3036 | this.textEl.val(this.target.text());
3037 | return this.urlEl.val(this.target.attr('href'));
3038 | };
3039 |
3040 | return LinkPopover;
3041 |
3042 | })(Popover);
3043 |
3044 | Simditor.Toolbar.addButton(LinkButton);
3045 |
3046 | ImageButton = (function(_super) {
3047 | __extends(ImageButton, _super);
3048 |
3049 | ImageButton.prototype._wrapperTpl = "";
3050 |
3051 | ImageButton.prototype.name = 'image';
3052 |
3053 | ImageButton.prototype.icon = 'picture-o';
3054 |
3055 | ImageButton.prototype.title = '插入图片';
3056 |
3057 | ImageButton.prototype.htmlTag = 'img';
3058 |
3059 | ImageButton.prototype.disableTag = 'pre, table';
3060 |
3061 | ImageButton.prototype.defaultImage = '';
3062 |
3063 | ImageButton.prototype.maxWidth = 0;
3064 |
3065 | ImageButton.prototype.maxHeight = 0;
3066 |
3067 | ImageButton.prototype.menu = [
3068 | {
3069 | name: 'upload-image',
3070 | text: '本地图片'
3071 | }, {
3072 | name: 'external-image',
3073 | text: '外链图片'
3074 | }
3075 | ];
3076 |
3077 | function ImageButton(editor) {
3078 | var _this = this;
3079 | this.editor = editor;
3080 | if (this.editor.uploader == null) {
3081 | this.menu = false;
3082 | }
3083 | ImageButton.__super__.constructor.call(this, this.editor);
3084 | this.defaultImage = this.editor.opts.defaultImage;
3085 | this.maxWidth = this.editor.opts.maxImageWidth || this.editor.body.width();
3086 | this.maxHeight = this.editor.opts.maxImageHeight || $(window).height();
3087 | this.editor.on('decorate', function(e, $el) {
3088 | return $el.find('img').each(function(i, img) {
3089 | return _this.decorate($(img));
3090 | });
3091 | });
3092 | this.editor.on('undecorate', function(e, $el) {
3093 | return $el.find('img').each(function(i, img) {
3094 | return _this.undecorate($(img));
3095 | });
3096 | });
3097 | this.editor.body.on('mousedown', '.simditor-image', function(e) {
3098 | var $imgWrapper;
3099 | $imgWrapper = $(e.currentTarget);
3100 | if ($imgWrapper.hasClass('selected')) {
3101 | _this.popover.srcEl.blur();
3102 | _this.popover.hide();
3103 | $imgWrapper.removeClass('selected');
3104 | } else {
3105 | _this.editor.body.blur();
3106 | _this.editor.body.find('.simditor-image').removeClass('selected');
3107 | $imgWrapper.addClass('selected').focus();
3108 | _this.popover.show($imgWrapper);
3109 | }
3110 | return false;
3111 | });
3112 | this.editor.body.on('click', '.simditor-image', function(e) {
3113 | return false;
3114 | });
3115 | this.editor.on('selectionchanged.image', function() {
3116 | var $container, range;
3117 | range = _this.editor.selection.getRange();
3118 | if (range == null) {
3119 | return;
3120 | }
3121 | $container = $(range.commonAncestorContainer);
3122 | if (range.collapsed && $container.is('.simditor-image')) {
3123 | return $container.mousedown();
3124 | } else if (_this.popover.active) {
3125 | if (_this.popover.active) {
3126 | return _this.popover.hide();
3127 | }
3128 | }
3129 | });
3130 | this.editor.body.on('keydown', '.simditor-image', function(e) {
3131 | if (e.which !== 8) {
3132 | return;
3133 | }
3134 | _this.popover.hide();
3135 | $(e.currentTarget).remove();
3136 | _this.editor.trigger('valuechanged');
3137 | return false;
3138 | });
3139 | }
3140 |
3141 | ImageButton.prototype.render = function() {
3142 | var args;
3143 | args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
3144 | ImageButton.__super__.render.apply(this, args);
3145 | return this.popover = new ImagePopover(this);
3146 | };
3147 |
3148 | ImageButton.prototype.renderMenu = function() {
3149 | var $input, $uploadItem, createInput,
3150 | _this = this;
3151 | ImageButton.__super__.renderMenu.call(this);
3152 | $uploadItem = this.menuEl.find('.menu-item-upload-image');
3153 | $input = null;
3154 | createInput = function() {
3155 | if ($input) {
3156 | $input.remove();
3157 | }
3158 | return $input = $('
');
3208 | $progress = $('
').appendTo(file.imgWrapper);
3209 | if (!_this.editor.uploader.html5) {
3210 | return $progress.addClass('loading');
3211 | }
3212 | };
3213 | if (img) {
3214 | return _this.loadImage($img, img.src, function() {
3215 | _this.popover.refresh();
3216 | return prepare();
3217 | });
3218 | } else {
3219 | return prepare();
3220 | }
3221 | });
3222 | });
3223 | this.editor.uploader.on('uploadprogress', function(e, file, loaded, total) {
3224 | var percent;
3225 | if (!file.inline) {
3226 | return;
3227 | }
3228 | percent = loaded / total;
3229 | percent = (percent * 100).toFixed(0);
3230 | if (percent > 99) {
3231 | percent = 99;
3232 | }
3233 | file.imgWrapper.find(".simditor-image-progress span").text(percent);
3234 | return file.imgWrapper.find('.mask').css({
3235 | top: percent + '%',
3236 | height: (100 - percent) + '%'
3237 | });
3238 | });
3239 | this.editor.uploader.on('uploadsuccess', function(e, file, result) {
3240 | var $img;
3241 | if (!file.inline) {
3242 | return;
3243 | }
3244 | $img = file.imgWrapper.find("img");
3245 | return _this.loadImage($img, result.file_path, function() {
3246 | file.imgWrapper.find(".mask, .simditor-image-progress").remove();
3247 | _this.popover.srcEl.val(result.file_path);
3248 | return _this.editor.trigger('valuechanged');
3249 | });
3250 | });
3251 | return this.editor.uploader.on('uploaderror', function(e, file, xhr) {
3252 | var $img, msg, result;
3253 | if (!file.inline) {
3254 | return;
3255 | }
3256 | if (xhr.statusText === 'abort') {
3257 | return;
3258 | }
3259 | if (xhr.responseText) {
3260 | try {
3261 | result = $.parseJSON(xhr.responseText);
3262 | msg = result.msg;
3263 | } catch (_error) {
3264 | e = _error;
3265 | msg = '上传出错了';
3266 | }
3267 | if ((typeof simple !== "undefined" && simple !== null) && (simple.message != null)) {
3268 | simple.message(msg);
3269 | } else {
3270 | alert(msg);
3271 | }
3272 | }
3273 | $img = file.imgWrapper.find("img");
3274 | return _this.loadImage($img, _this.defaultImage, function() {
3275 | _this.popover.refresh();
3276 | _this.popover.srcEl.val($img.attr('src'));
3277 | file.imgWrapper.find(".mask, .simditor-image-progress").remove();
3278 | return _this.editor.trigger('valuechanged');
3279 | });
3280 | });
3281 | };
3282 |
3283 | ImageButton.prototype.status = function($node) {
3284 | if ($node != null) {
3285 | this.setDisabled($node.is(this.disableTag));
3286 | }
3287 | if (this.disabled) {
3288 | return true;
3289 | }
3290 | };
3291 |
3292 | ImageButton.prototype.decorate = function($img) {
3293 | var $parent, $wrapper;
3294 | $parent = $img.parent();
3295 | if ($parent.is('.simditor-image')) {
3296 | return;
3297 | }
3298 | $wrapper = $(this._wrapperTpl).width($img.width());
3299 | if ($parent.is('p')) {
3300 | return $wrapper.prepend($img).replaceAll($parent);
3301 | } else {
3302 | return $wrapper.insertBefore($img).prepend($img);
3303 | }
3304 | };
3305 |
3306 | ImageButton.prototype.undecorate = function($img) {
3307 | var $wrapper;
3308 | $wrapper = $img.parent('.simditor-image');
3309 | if ($wrapper.length < 1) {
3310 | return;
3311 | }
3312 | if (!$img.is('img[src^="data:image/png;base64"]')) {
3313 | $('
').append($img).insertAfter($wrapper);
3314 | }
3315 | return $wrapper.remove();
3316 | };
3317 |
3318 | ImageButton.prototype.loadImage = function($img, src, callback) {
3319 | var $wrapper, img,
3320 | _this = this;
3321 | $wrapper = $img.parent('.simditor-image');
3322 | img = new Image();
3323 | img.onload = function() {
3324 | var height, width;
3325 | width = img.width;
3326 | height = img.height;
3327 | if (width > _this.maxWidth) {
3328 | height = _this.maxWidth * height / width;
3329 | width = _this.maxWidth;
3330 | }
3331 | if (height > _this.maxHeight) {
3332 | width = _this.maxHeight * width / height;
3333 | height = _this.maxHeight;
3334 | }
3335 | $img.attr({
3336 | src: src,
3337 | width: width,
3338 | height: height,
3339 | 'data-origin-src': src,
3340 | 'data-origin-name': '图片',
3341 | 'data-origin-size': img.width + ',' + img.height
3342 | });
3343 | $wrapper.width(width).height(height);
3344 | return callback(true);
3345 | };
3346 | img.onerror = function() {
3347 | return callback(false);
3348 | };
3349 | return img.src = src;
3350 | };
3351 |
3352 | ImageButton.prototype.createImage = function() {
3353 | var $breakedEl, $endBlock, $img, $startBlock, endNode, range, startNode;
3354 | range = this.editor.selection.getRange();
3355 | startNode = range.startContainer;
3356 | endNode = range.endContainer;
3357 | $startBlock = this.editor.util.closestBlockEl(startNode);
3358 | $endBlock = this.editor.util.closestBlockEl(endNode);
3359 | range.deleteContents();
3360 | if ($startBlock[0] === $endBlock[0]) {
3361 | if ($startBlock.is('li')) {
3362 | $startBlock = this.editor.util.furthestNode($startBlock, 'ul, ol');
3363 | $endBlock = $startBlock;
3364 | range.setEndAfter($startBlock[0]);
3365 | range.collapse(false);
3366 | } else if ($startBlock.is('p')) {
3367 | if (this.editor.util.isEmptyNode($startBlock)) {
3368 | range.selectNode($startBlock[0]);
3369 | range.deleteContents();
3370 | } else if (this.editor.selection.rangeAtEndOf($startBlock, range)) {
3371 | range.setEndAfter($startBlock[0]);
3372 | range.collapse(false);
3373 | } else if (this.editor.selection.rangeAtStartOf($startBlock, range)) {
3374 | range.setEndBefore($startBlock[0]);
3375 | range.collapse(false);
3376 | } else {
3377 | $breakedEl = this.editor.selection.breakBlockEl($startBlock, range);
3378 | range.setEndBefore($breakedEl[0]);
3379 | range.collapse(false);
3380 | }
3381 | }
3382 | }
3383 | $img = $('
').append(this.editor.util.phBr);
3583 | }
3584 | $hr = $('
').appendTo($wrapper);
3695 | $wrapper.on('mousemove', 'td', function(e) {
3696 | var $col, $td, index, x, _ref18, _ref19;
3697 | if ($wrapper.hasClass('resizing')) {
3698 | return;
3699 | }
3700 | $td = $(e.currentTarget);
3701 | x = e.pageX - $(e.currentTarget).offset().left;
3702 | if (x < 5 && $td.prev().length > 0) {
3703 | $td = $td.prev();
3704 | }
3705 | if ($td.next('td').length < 1) {
3706 | $resizeHandle.hide();
3707 | return;
3708 | }
3709 | if ((_ref18 = $resizeHandle.data('td')) != null ? _ref18.is($td) : void 0) {
3710 | $resizeHandle.show();
3711 | return;
3712 | }
3713 | index = $td.parent().find('td').index($td);
3714 | $col = $colgroup.find('col').eq(index);
3715 | if ((_ref19 = $resizeHandle.data('col')) != null ? _ref19.is($col) : void 0) {
3716 | $resizeHandle.show();
3717 | return;
3718 | }
3719 | return $resizeHandle.css('left', $td.position().left + $td.outerWidth() - 5).data('td', $td).data('col', $col).show();
3720 | });
3721 | $wrapper.on('mouseleave', function(e) {
3722 | return $resizeHandle.hide();
3723 | });
3724 | return $wrapper.on('mousedown', '.simditor-resize-handle', function(e) {
3725 | var $handle, $leftCol, $leftTd, $rightCol, $rightTd, minWidth, startHandleLeft, startLeftWidth, startRightWidth, startX, tableWidth;
3726 | $handle = $(e.currentTarget);
3727 | $leftTd = $handle.data('td');
3728 | $leftCol = $handle.data('col');
3729 | $rightTd = $leftTd.next('td');
3730 | $rightCol = $leftCol.next('col');
3731 | startX = e.pageX;
3732 | startLeftWidth = $leftTd.outerWidth() * 1;
3733 | startRightWidth = $rightTd.outerWidth() * 1;
3734 | startHandleLeft = parseFloat($handle.css('left'));
3735 | tableWidth = $leftTd.closest('table').width();
3736 | minWidth = 50;
3737 | $(document).on('mousemove.simditor-resize-table', function(e) {
3738 | var deltaX, leftWidth, rightWidth;
3739 | deltaX = e.pageX - startX;
3740 | leftWidth = startLeftWidth + deltaX;
3741 | rightWidth = startRightWidth - deltaX;
3742 | if (leftWidth < minWidth) {
3743 | leftWidth = minWidth;
3744 | deltaX = minWidth - startLeftWidth;
3745 | rightWidth = startRightWidth - deltaX;
3746 | } else if (rightWidth < minWidth) {
3747 | rightWidth = minWidth;
3748 | deltaX = startRightWidth - minWidth;
3749 | leftWidth = startLeftWidth + deltaX;
3750 | }
3751 | $leftCol.attr('width', (leftWidth / tableWidth * 100) + '%');
3752 | $rightCol.attr('width', (rightWidth / tableWidth * 100) + '%');
3753 | return $handle.css('left', startHandleLeft + deltaX);
3754 | });
3755 | $(document).one('mouseup.simditor-resize-table', function(e) {
3756 | $(document).off('.simditor-resize-table');
3757 | return $wrapper.removeClass('resizing');
3758 | });
3759 | $wrapper.addClass('resizing');
3760 | return false;
3761 | });
3762 | };
3763 |
3764 | TableButton.prototype.decorate = function($table) {
3765 | if ($table.parent('.simditor-table').length > 0) {
3766 | this.undecorate($table);
3767 | }
3768 | $table.wrap('
');
3769 | this.initResize($table);
3770 | return $table.parent();
3771 | };
3772 |
3773 | TableButton.prototype.undecorate = function($table) {
3774 | if (!($table.parent('.simditor-table').length > 0)) {
3775 | return;
3776 | }
3777 | return $table.parent().replaceWith($table);
3778 | };
3779 |
3780 | TableButton.prototype.renderMenu = function() {
3781 | var _this = this;
3782 | $('\n').appendTo(this.menuWrapper);
3783 | this.createMenu = this.menuWrapper.find('.menu-create-table');
3784 | this.editMenu = this.menuWrapper.find('.menu-edit-table');
3785 | this.createTable(6, 6).appendTo(this.createMenu);
3786 | this.createMenu.on('mouseenter', 'td', function(e) {
3787 | var $td, $tr, num;
3788 | _this.createMenu.find('td').removeClass('selected');
3789 | $td = $(e.currentTarget);
3790 | $tr = $td.parent();
3791 | num = $tr.find('td').index($td) + 1;
3792 | return $tr.prevAll('tr').addBack().find('td:lt(' + num + ')').addClass('selected');
3793 | });
3794 | this.createMenu.on('mouseleave', function(e) {
3795 | return $(e.currentTarget).find('td').removeClass('selected');
3796 | });
3797 | return this.createMenu.on('mousedown', 'td', function(e) {
3798 | var $closestBlock, $table, $td, $tr, colNum, rowNum;
3799 | _this.wrapper.removeClass('menu-on');
3800 | if (!_this.editor.inputManager.focused) {
3801 | return;
3802 | }
3803 | $td = $(e.currentTarget);
3804 | $tr = $td.parent();
3805 | colNum = $tr.find('td').index($td) + 1;
3806 | rowNum = $tr.prevAll('tr').length + 1;
3807 | $table = _this.createTable(rowNum, colNum, true);
3808 | $closestBlock = _this.editor.util.closestBlockEl();
3809 | if (_this.editor.util.isEmptyNode($closestBlock)) {
3810 | $closestBlock.replaceWith($table);
3811 | } else {
3812 | $closestBlock.after($table);
3813 | }
3814 | _this.decorate($table);
3815 | _this.editor.selection.setRangeAtStartOf($table.find('td:first'));
3816 | _this.editor.trigger('valuechanged');
3817 | _this.editor.trigger('selectionchanged');
3818 | return false;
3819 | });
3820 | };
3821 |
3822 | TableButton.prototype.createTable = function(row, col, phBr) {
3823 | var $table, $tbody, $td, $tr, c, r, _i, _j;
3824 | $table = $('');
3825 | $tbody = $('