formatmatch.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. /**
  2. * 格式刷,只格式inline的
  3. * @file
  4. * @since 1.2.6.1
  5. */
  6. /**
  7. * 格式刷
  8. * @command formatmatch
  9. * @method execCommand
  10. * @remind 该操作不能复制段落格式
  11. * @param { String } cmd 命令字符串
  12. * @example
  13. * ```javascript
  14. * //editor是编辑器实例
  15. * //获取格式刷
  16. * editor.execCommand( 'formatmatch' );
  17. * ```
  18. */
  19. UE.plugins["formatmatch"] = function() {
  20. var me = this,
  21. list = [],
  22. img,
  23. flag = 0;
  24. me.addListener("reset", function() {
  25. list = [];
  26. flag = 0;
  27. });
  28. function addList(type, evt) {
  29. if (browser.webkit) {
  30. var target = evt.target.tagName == "IMG" ? evt.target : null;
  31. }
  32. function addFormat(range) {
  33. if (text) {
  34. range.selectNode(text);
  35. }
  36. return range.applyInlineStyle(list[list.length - 1].tagName, null, list);
  37. }
  38. me.undoManger && me.undoManger.save();
  39. var range = me.selection.getRange(),
  40. imgT = target || range.getClosedNode();
  41. if (img && imgT && imgT.tagName == "IMG") {
  42. //trace:964
  43. imgT.style.cssText +=
  44. ";float:" +
  45. (img.style.cssFloat || img.style.styleFloat || "none") +
  46. ";display:" +
  47. (img.style.display || "inline");
  48. img = null;
  49. } else {
  50. if (!img) {
  51. var collapsed = range.collapsed;
  52. if (collapsed) {
  53. var text = me.document.createTextNode("match");
  54. range.insertNode(text).select();
  55. }
  56. me.__hasEnterExecCommand = true;
  57. //不能把block上的属性干掉
  58. //trace:1553
  59. var removeFormatAttributes = me.options.removeFormatAttributes;
  60. me.options.removeFormatAttributes = "";
  61. me.execCommand("removeformat");
  62. me.options.removeFormatAttributes = removeFormatAttributes;
  63. me.__hasEnterExecCommand = false;
  64. //trace:969
  65. range = me.selection.getRange();
  66. if (list.length) {
  67. addFormat(range);
  68. }
  69. if (text) {
  70. range.setStartBefore(text).collapse(true);
  71. }
  72. range.select();
  73. text && domUtils.remove(text);
  74. }
  75. }
  76. me.undoManger && me.undoManger.save();
  77. me.removeListener("mouseup", addList);
  78. flag = 0;
  79. }
  80. me.commands["formatmatch"] = {
  81. execCommand: function(cmdName) {
  82. if (flag) {
  83. flag = 0;
  84. list = [];
  85. me.removeListener("mouseup", addList);
  86. return;
  87. }
  88. var range = me.selection.getRange();
  89. img = range.getClosedNode();
  90. if (!img || img.tagName != "IMG") {
  91. range.collapse(true).shrinkBoundary();
  92. var start = range.startContainer;
  93. list = domUtils.findParents(start, true, function(node) {
  94. return !domUtils.isBlockElm(node) && node.nodeType == 1;
  95. });
  96. //a不能加入格式刷, 并且克隆节点
  97. for (var i = 0, ci; (ci = list[i]); i++) {
  98. if (ci.tagName == "A") {
  99. list.splice(i, 1);
  100. break;
  101. }
  102. }
  103. }
  104. me.addListener("mouseup", addList);
  105. flag = 1;
  106. },
  107. queryCommandState: function() {
  108. return flag;
  109. },
  110. notNeedUndo: 1
  111. };
  112. };