Discuz! X2 QQ空间留言代码带预览分类信息模版

首先把  附件中 teams9.js 上传到static/js里面
然后进入论坛后台-论坛-分类信息-字段管理（我这里是通用类，根据论坛的类型
选择合适的类别）-添加分类信息字段-名称（你可以随便写，我这里是“留言代
码”），变量名：ubb（自己随便输入名称即可），类型：文本(textarea)这里注
意一定要选择这个然后点 提交 如果想进行更详细的设置点击 详情 根据自己的

喜好设置

名称:留言代码
变量名:ubb
类型:文本(textarea)
简短描述(可选):请输入UBB代码
其余选项不动即可
进入论坛后台-论坛-分类信息-分类管理-添加分类（名称你可以随便写，我这里
是“留言代码”，描述随便写，最好空着）然后点 提交。
详情里面 模版复制下面代码

1. <div class="t_msgfontfix">
   
2. <table cellspacing="0" cellpadding="0"><tr><td class="t_msgfont"
   
3. 
   
4. id="postmessage_3444290"><SCRIPT src="/static/js/teams9.js"
   
5. 
   
6. language="javascript"></SCRIPT><div><textarea class="main_editer"
   
7. 
   
8. id="main_editer" onkeydown="return ctlent();"
   
9. 
   
10. onkeyup="javascript:main_editer_Keyup();" onclick="javascript:
    
11. 
    
12. storeCaret(this);" rows="14" onselect="javascript: storeCaret(this);"
    
13. 
    
14. name="main_editer" style="width:90%;">
    
15. [ubbvalue] [ubbunit]
    
16. </textarea><div style="float:left;width:90%;background-
    
17. 
    
18. color:#F8F8F8;text-align:center;border:1px solid #8E8E8E;"><a title="快
    
19. 
    
20. 捷键：Ctrl+Z 支持无限级撤销" href="javascript:getUndo
    
21. 
    
22. (document.getElementById('main_editer'));">撤销操作</a> | <a
    
23. 
    
24. href="javascript:clearALL();">清空代码</a> | <a
    
25. 
    
26. href="javascript:callclip(main_editer);">复制代码</a> | <a title="当预
    
27. 
    
28. 览出现混乱，或者你关闭自动预览时，你可以通过点击立即刷新预览。"
    
29. 
    
30. onclick="previw(1);" href="#view">预览代码</a></div><div
    
31. 
    
32. style="float:left;width:99%;text-align:center;">预览背景　<img
    
33. 
    
34. style="BACKGROUND-COLOR: #ffffff" onclick="document.getElementById
    
35. 
    
36. ('pr').style.backgroundColor='#FFFFFF';document.getElementById
    
37. 
    
38. ('pr').style.color='#666666';" height="12" alt="白色背景" width="20"
    
39. 
    
40. align="absMiddle" border="1" /> <img style="BACKGROUND-
    
41. 
    
42. COLOR: #64338e" onclick="document.getElementById
    
43. 
    
44. ('pr').style.backgroundColor='#64338E';document.getElementById
    
45. 
    
46. ('pr').style.color='#E0D2F2';" height="12" alt="紫色背景" width="20"
    
47. 
    
48. align="absMiddle" border="1" /> <img style="BACKGROUND-
    
49. 
    
50. COLOR: #000000" onclick="document.getElementById
    
51. 
    
52. ('pr').style.backgroundColor='#000000';document.getElementById
    
53. 
    
54. ('pr').style.color='#929292';" height="12" alt="黑色背景" width="20"
    
55. 
    
56. align="absMiddle" border="1" /> <img style="BACKGROUND-
    
57. 
    
58. COLOR: #003399" onclick="document.getElementById
    
59. 
    
60. ('pr').style.backgroundColor='#003399';document.getElementById
    
61. 
    
62. ('pr').style.color='#000000';" height="12" alt="蓝色背景" width="20"
    
63. 
    
64. align="absMiddle" border="1" /><input id="auto_preview" type="checkbox"
    
65. 
    
66. checked="checked" name="auto_preview" value="checkbox" />自动预览
    
67. 
    
68. </div><div id="pr" style="float:left;width:90%;BORDER-RIGHT: #000000
    
69. 
    
70. 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px
    
71. 
    
72. solid; COLOR: #666666; WORD-BREAK: break-all; LINE-HEIGHT: 1.5em;
    
73. 
    
74. BORDER-BOTTOM: #000000 0px solid; BACKGROUND-COLOR: #000000; WORD-WRAP:
    
75. 
    
76. break-word"></div></div><script>var m=document.getElementById
    
77. 
    
78. ("main_editer");var s=m.value;s=s.replace(/<br
    
79. 
    
80. \/>/g,'');m.value=s;</script><script>previw
    
81. 
    
82. (1);</script></td></tr></table></div>

复制代码

js下载：

游客，如果您要查看本帖隐藏内容请回复

复制到那个模版里呀

有四个模版的放到那个模版里呀？然后在论坛怎么显示呀？

继续来索要

真的有意思！

这个不错呀

哈哈，支持了

很好的代码，收下了，谢谢！