IITT网络服务中心

标题: discuz教程：门户文章发布编辑器增加一键排版功能 [打印本页]

---

作者: admin    时间: 2018-3-22 13:01
标题: discuz教程：门户文章发布编辑器增加一键排版功能

  这个功能很实用！

　　如题，其实就是将网摘文章直接粘贴到发布文章编辑器内，点一下“一键排版”后，自动去掉源站的标签格式，只保留文字及图片信息，并且段落首行自动缩进两个字符，图片自动居中显示，段落与段落保留一行的间距。注：不支持Firefox浏览器

废话不多说：实现方法如下：

　　1、找到网站根目录下\source\module\home\home_editor.php文件，用文本编辑软件打开，找到第195行粘贴内容如下：

1. <a href="javascript:;" class="icoOnekey" title="一键排版" onClick="Onekey()"></a>

复制代码

2、找到第177行粘贴内容如下：

1. a.icoOnekey{background-position:-610px 1px;}；

复制代码

3、找到第29行粘贴内容如下：

1. function Onekey() {
   
2. 
   
3. 　　var temps =
   
4. 
   
5. 　　new Array();
   
6. 
   
7. 　　var imgs =
   
8. 
   
9. 　　window.frames["HtmlEditor"].document.images;
   
10. 
    
11. 　　if (imgs != null
    
12. 
    
13. 　　&& imgs.length > 0) {
    
14. 
    
15. 　　for (j = 0; j <
    
16. 
    
17. 　　imgs.length; j++) {
    
18. 
    
19. 　　var pic =
    
20. 
    
21. 　　document.createElement("IMG");
    
22. 
    
23. 　　pic.alt
    
24. 
    
25. 　　= imgs[j].alt;
    
26. 
    
27. 　　pic.src =
    
28. 
    
29. 　　imgs[j].src;
    
30. 
    
31. 　　pic.width =
    
32. 
    
33. 　　imgs[j].width;
    
34. 
    
35. 　　pic.height =
    
36. 
    
37. 　　imgs[j].height;
    
38. 
    
39. 　　pic.align =
    
40. 
    
41. 　　imgs[j].align;
    
42. 
    
43. 　　temps[temps.length] =
    
44. 
    
45. 　　pic;
    
46. 
    
47. 　　}
    
48. 
    
49. 　　var picid =
    
50. 
    
51. 　　0;
    
52. 
    
53. 　　for (j = 0; j < imgs.length;) {
    
54. 
    
55. imgs[j].outerHTML = "\n#hhcd_pic" + picid +
    
56. 　　"#\n";
    
57. 
    
58. 　　picid++;
    
59. 
    
60. 　　}
    
61. 
    
62. 　　}
    
63. 
    
64. 　　var tmps =
    
65. 
    
66. 　　window.frames["HtmlEditor"].document.body.innerText.split("\n");
    
67. 
    
68. 　　var html = "";
    
69. 
    
70. 　　for (i = 0; i < tmps.length;
    
71. 
    
72. 　　i++)
    
73. 
    
74. 　　{
    
75. 
    
76. 　　var tmp =
    
77. 
    
78. 　　tmps.trim();
    
79. 
    
80. 　　if (tmp.length > 0)
    
81. 
    
82. 　　{
    
83. 
    
84. if(tmp.indexOf("hhcd_pic")>0)
    
85. 　　{
    
86. 
    
87. 　　html+=tmp+"\n";
    
88. 
    
89. 　　}
    
90. 
    
91. 　　else
    
92. 
    
93. 　　{
    
94. 
    
95. 　　html += "
    
96. 
    
97. 　　" +
    
98. 
    
99. 　　tmp + "
    
100. 
     
101. 　　\n";
     
102. 
     
103. 　　}
     
104. 
     
105. 　　}
     
106. 
     
107. 　　}
     
108. 
     
109. 　　if (temps != null
     
110. 
     
111. 　　&& temps.length > 0) {
     
112. 
     
113. 　　for (j = 0; j
     
114. 
     
115. 　　< temps.length; j++) {
     
116. 
     
117. 　　var imghtml = "
     
118. 
     
119. 　　temps[j].src + "\" alt=\"" + temps[j].alt + "\" width=\"" + temps[j].width + "\"
     
120. 
     
121. 　　height=\"" + temps[j].height + "\" align=\"" + temps[j].align +
     
122. 
     
123. 　　"\">
     
124. 
     
125. 　　";
     
126. 
     
127. 　　html =
     
128. 
     
129. html.replace("#hhcd_pic" + j + "#", imghtml);
     
130. 　　}
     
131. 
     
132. 　　}
     
133. 
     
134. 　　window.frames["HtmlEditor"].document.body.innerHTML=html;
     
135. 
     
136. 　　}
     
137. 
     
138. 　　String.prototype.trim
     
139. 
     
140. 　　= function()
     
141. 
     
142. 　　{
     
143. 
     
144. 　　return this.replace(/(^[\s　]*)|([\s　]*$)/g,
     
145. 
     
146. 　　"");
     
147. 
     
148. 　　};

复制代码

---

欢迎光临 IITT网络服务中心 (http://service.iitt.cc/)

Powered by Discuz! X3