paste.js 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  1. ///import core
  2. ///import plugins/inserthtml.js
  3. ///import plugins/undo.js
  4. ///import plugins/serialize.js
  5. ///commands 粘贴
  6. ///commandsName PastePlain
  7. ///commandsTitle 纯文本粘贴模式
  8. /**
  9. * @description 粘贴
  10. * @author zhanyi
  11. */
  12. UE.plugins["paste"] = function() {
  13. function getClipboardData(callback) {
  14. var doc = this.document;
  15. if (doc.getElementById("baidu_pastebin")) {
  16. return;
  17. }
  18. var range = this.selection.getRange(),
  19. bk = range.createBookmark(),
  20. //创建剪贴的容器div
  21. pastebin = doc.createElement("div");
  22. pastebin.id = "baidu_pastebin";
  23. // Safari 要求div必须有内容,才能粘贴内容进来
  24. browser.webkit &&
  25. pastebin.appendChild(
  26. doc.createTextNode(domUtils.fillChar + domUtils.fillChar)
  27. );
  28. doc.body.appendChild(pastebin);
  29. //trace:717 隐藏的span不能得到top
  30. //bk.start.innerHTML = ' ';
  31. bk.start.style.display = "";
  32. pastebin.style.cssText =
  33. "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" +
  34. //要在现在光标平行的位置加入,否则会出现跳动的问题
  35. domUtils.getXY(bk.start).y +
  36. "px";
  37. range.selectNodeContents(pastebin).select(true);
  38. setTimeout(function() {
  39. if (browser.webkit) {
  40. for (
  41. var i = 0, pastebins = doc.querySelectorAll("#baidu_pastebin"), pi;
  42. (pi = pastebins[i++]);
  43. ) {
  44. if (domUtils.isEmptyNode(pi)) {
  45. domUtils.remove(pi);
  46. } else {
  47. pastebin = pi;
  48. break;
  49. }
  50. }
  51. }
  52. try {
  53. pastebin.parentNode.removeChild(pastebin);
  54. } catch (e) {}
  55. range.moveToBookmark(bk).select(true);
  56. callback(pastebin);
  57. }, 0);
  58. }
  59. var me = this;
  60. me.setOpt({
  61. retainOnlyLabelPasted: false
  62. });
  63. var txtContent, htmlContent, address;
  64. function getPureHtml(html) {
  65. return html.replace(/<(\/?)([\w\-]+)([^>]*)>/gi, function(
  66. a,
  67. b,
  68. tagName,
  69. attrs
  70. ) {
  71. tagName = tagName.toLowerCase();
  72. if ({ img: 1 }[tagName]) {
  73. return a;
  74. }
  75. attrs = attrs.replace(
  76. /([\w\-]*?)\s*=\s*(("([^"]*)")|('([^']*)')|([^\s>]+))/gi,
  77. function(str, atr, val) {
  78. if (
  79. {
  80. src: 1,
  81. href: 1,
  82. name: 1
  83. }[atr.toLowerCase()]
  84. ) {
  85. return atr + "=" + val + " ";
  86. }
  87. return "";
  88. }
  89. );
  90. if (
  91. {
  92. span: 1,
  93. div: 1
  94. }[tagName]
  95. ) {
  96. return "";
  97. } else {
  98. return "<" + b + tagName + " " + utils.trim(attrs) + ">";
  99. }
  100. });
  101. }
  102. function filter(div) {
  103. var html;
  104. if (div.firstChild) {
  105. //去掉cut中添加的边界值
  106. var nodes = domUtils.getElementsByTagName(div, "span");
  107. for (var i = 0, ni; (ni = nodes[i++]); ) {
  108. if (ni.id == "_baidu_cut_start" || ni.id == "_baidu_cut_end") {
  109. domUtils.remove(ni);
  110. }
  111. }
  112. if (browser.webkit) {
  113. var brs = div.querySelectorAll("div br");
  114. for (var i = 0, bi; (bi = brs[i++]); ) {
  115. var pN = bi.parentNode;
  116. if (pN.tagName == "DIV" && pN.childNodes.length == 1) {
  117. pN.innerHTML = "<p><br/></p>";
  118. domUtils.remove(pN);
  119. }
  120. }
  121. var divs = div.querySelectorAll("#baidu_pastebin");
  122. for (var i = 0, di; (di = divs[i++]); ) {
  123. var tmpP = me.document.createElement("p");
  124. di.parentNode.insertBefore(tmpP, di);
  125. while (di.firstChild) {
  126. tmpP.appendChild(di.firstChild);
  127. }
  128. domUtils.remove(di);
  129. }
  130. var metas = div.querySelectorAll("meta");
  131. for (var i = 0, ci; (ci = metas[i++]); ) {
  132. domUtils.remove(ci);
  133. }
  134. var brs = div.querySelectorAll("br");
  135. for (i = 0; (ci = brs[i++]); ) {
  136. if (/^apple-/i.test(ci.className)) {
  137. domUtils.remove(ci);
  138. }
  139. }
  140. }
  141. if (browser.gecko) {
  142. var dirtyNodes = div.querySelectorAll("[_moz_dirty]");
  143. for (i = 0; (ci = dirtyNodes[i++]); ) {
  144. ci.removeAttribute("_moz_dirty");
  145. }
  146. }
  147. if (!browser.ie) {
  148. var spans = div.querySelectorAll("span.Apple-style-span");
  149. for (var i = 0, ci; (ci = spans[i++]); ) {
  150. domUtils.remove(ci, true);
  151. }
  152. }
  153. //ie下使用innerHTML会产生多余的\r\n字符,也会产生&nbsp;这里过滤掉
  154. html = div.innerHTML; //.replace(/>(?:(\s|&nbsp;)*?)</g,'><');
  155. //过滤word粘贴过来的冗余属性
  156. html = UE.filterWord(html);
  157. //取消了忽略空白的第二个参数,粘贴过来的有些是有空白的,会被套上相关的标签
  158. var root = UE.htmlparser(html);
  159. //如果给了过滤规则就先进行过滤
  160. if (me.options.filterRules) {
  161. UE.filterNode(root, me.options.filterRules);
  162. }
  163. //执行默认的处理
  164. me.filterInputRule(root);
  165. //针对chrome的处理
  166. if (browser.webkit) {
  167. var br = root.lastChild();
  168. if (br && br.type == "element" && br.tagName == "br") {
  169. root.removeChild(br);
  170. }
  171. utils.each(me.body.querySelectorAll("div"), function(node) {
  172. if (domUtils.isEmptyBlock(node)) {
  173. domUtils.remove(node, true);
  174. }
  175. });
  176. }
  177. html = { html: root.toHtml() };
  178. me.fireEvent("beforepaste", html, root);
  179. //抢了默认的粘贴,那后边的内容就不执行了,比如表格粘贴
  180. if (!html.html) {
  181. return;
  182. }
  183. root = UE.htmlparser(html.html, true);
  184. //如果开启了纯文本模式
  185. if (me.queryCommandState("pasteplain") === 1) {
  186. me.execCommand(
  187. "insertHtml",
  188. UE.filterNode(root, me.options.filterTxtRules).toHtml(),
  189. true
  190. );
  191. } else {
  192. //文本模式
  193. UE.filterNode(root, me.options.filterTxtRules);
  194. txtContent = root.toHtml();
  195. //完全模式
  196. htmlContent = html.html;
  197. address = me.selection.getRange().createAddress(true);
  198. me.execCommand(
  199. "insertHtml",
  200. me.getOpt("retainOnlyLabelPasted") === true
  201. ? getPureHtml(htmlContent)
  202. : htmlContent,
  203. true
  204. );
  205. }
  206. me.fireEvent("afterpaste", html);
  207. }
  208. }
  209. me.addListener("pasteTransfer", function(cmd, plainType) {
  210. if (address && txtContent && htmlContent && txtContent != htmlContent) {
  211. var range = me.selection.getRange();
  212. range.moveToAddress(address, true);
  213. if (!range.collapsed) {
  214. while (!domUtils.isBody(range.startContainer)) {
  215. var start = range.startContainer;
  216. if (start.nodeType == 1) {
  217. start = start.childNodes[range.startOffset];
  218. if (!start) {
  219. range.setStartBefore(range.startContainer);
  220. continue;
  221. }
  222. var pre = start.previousSibling;
  223. if (
  224. pre &&
  225. pre.nodeType == 3 &&
  226. new RegExp("^[\n\r\t " + domUtils.fillChar + "]*$").test(
  227. pre.nodeValue
  228. )
  229. ) {
  230. range.setStartBefore(pre);
  231. }
  232. }
  233. if (range.startOffset == 0) {
  234. range.setStartBefore(range.startContainer);
  235. } else {
  236. break;
  237. }
  238. }
  239. while (!domUtils.isBody(range.endContainer)) {
  240. var end = range.endContainer;
  241. if (end.nodeType == 1) {
  242. end = end.childNodes[range.endOffset];
  243. if (!end) {
  244. range.setEndAfter(range.endContainer);
  245. continue;
  246. }
  247. var next = end.nextSibling;
  248. if (
  249. next &&
  250. next.nodeType == 3 &&
  251. new RegExp("^[\n\r\t" + domUtils.fillChar + "]*$").test(
  252. next.nodeValue
  253. )
  254. ) {
  255. range.setEndAfter(next);
  256. }
  257. }
  258. if (
  259. range.endOffset ==
  260. range.endContainer[
  261. range.endContainer.nodeType == 3 ? "nodeValue" : "childNodes"
  262. ].length
  263. ) {
  264. range.setEndAfter(range.endContainer);
  265. } else {
  266. break;
  267. }
  268. }
  269. }
  270. range.deleteContents();
  271. range.select(true);
  272. me.__hasEnterExecCommand = true;
  273. var html = htmlContent;
  274. if (plainType === 2) {
  275. html = getPureHtml(html);
  276. } else if (plainType) {
  277. html = txtContent;
  278. }
  279. me.execCommand("inserthtml", html, true);
  280. me.__hasEnterExecCommand = false;
  281. var rng = me.selection.getRange();
  282. while (
  283. !domUtils.isBody(rng.startContainer) &&
  284. !rng.startOffset &&
  285. rng.startContainer[
  286. rng.startContainer.nodeType == 3 ? "nodeValue" : "childNodes"
  287. ].length
  288. ) {
  289. rng.setStartBefore(rng.startContainer);
  290. }
  291. var tmpAddress = rng.createAddress(true);
  292. address.endAddress = tmpAddress.startAddress;
  293. }
  294. });
  295. me.addListener("ready", function() {
  296. domUtils.on(me.body, "cut", function() {
  297. var range = me.selection.getRange();
  298. if (!range.collapsed && me.undoManger) {
  299. me.undoManger.save();
  300. }
  301. });
  302. //ie下beforepaste在点击右键时也会触发,所以用监控键盘才处理
  303. domUtils.on(
  304. me.body,
  305. browser.ie || browser.opera ? "keydown" : "paste",
  306. function(e) {
  307. if (
  308. (browser.ie || browser.opera) &&
  309. ((!e.ctrlKey && !e.metaKey) || e.keyCode != "86")
  310. ) {
  311. return;
  312. }
  313. getClipboardData.call(me, function(div) {
  314. filter(div);
  315. });
  316. }
  317. );
  318. });
  319. me.commands["paste"] = {
  320. execCommand: function(cmd) {
  321. if (browser.ie) {
  322. getClipboardData.call(me, function(div) {
  323. filter(div);
  324. });
  325. me.document.execCommand("paste");
  326. } else {
  327. alert(me.getLang("pastemsg"));
  328. }
  329. }
  330. };
  331. };