为supesite添加插入代码功能~！

SupeSite总觉得不错，前段时间测试了一哈7.5beta版，可是那编辑器总是不敢恭维，始终用不习惯~！
而且还没有插入代码的功能，在网上也找不到好的方法解决，得了，自己解决~！
使用的是FCKeditor的插入代码插件修改而来的~！
1、下载附件

直接解压覆盖
2、另外在模板样式文件common.css中最后添间一下代码

1. /*=============================================== Insert Code Style*/
   
2. /*块引用处理*/
   
3. blockquote,pre {background:#F8F8F8;border:1px solid #CCC;padding:4px;padding-left:10px;margin:0 auto 10px 0;width:95%;border-left:4px solid #CCC;}
   
4. blockquote h6 {font-size:11px;color:#999;padding:0 4px 4px;margin:0;border-bottom:1px dashed #CCC;}
   
5. blockquote p {margin:0;padding:4px 4px 0;font-size:12px;}
   
6. blockquote ul,blockquote ol {padding-left:15px;}
   
7. .Content-body li {list-style:disc;}
   
8. /*InsertCode*/
   
9. .codeText {border:1px solid #ddd;border-top:3px solid #ddd;width:98%;overflow:auto;margin:0 0 1.1em;padding:0;word-break:break-all;background:#fff;font:12px "Courier New", Monospace;}
   
10. .codeHead {font-weight:700;font-size:12px;padding:5px;padding-left:10px;background:#f2f2f2;/*border-top: 3px solid #ddd;*/border-bottom:1px solid #ddd;height:15px;}
    
11. .lantxt,.zhedie {float:left;}
    
12. /*语言名称和折叠span*/
    
13. .lantxt {padding-left:5px;}
    
14. /*复制内容*/
    
15. .copyCodeText {float:right;cursor:pointer;font-weight:400;}
    
16. .wbyText {width:100%;height:250px;border:0;border-bottom:1px solid #ddd;background:#f2f2f2;}
    
17. .codeText input {border:0 solid #ddd;margin:2px;height:20px;width:80px;background:#89E0F6;}
    
18. .codeText ol {list-style-type:outside;list-style:decimal-leading-zero;margin:0 1px 0 45px;padding:2px 0;color:#5C5C5C;border-left:1px solid #ddd;background:#fff;}
    
19. .codeText ol li {padding-left:5px;background:#FFF;color:#a00;}
    
20. .codeText ol li.alt {background:#FFF;}
    
21. .codeText ol li span {color:#000;}
    
22. .codeText .comment,.codeText .comments {color:#008200;}
    
23. .codeText .string {color:blue;}
    
24. .codeText .keyword {color:#069;font-weight:700;}
    
25. .codeText .preprocessor {color:gray;}
    
26. .dp-c .comment {color:green;}
    
27. .dp-c .string {color:blue;}
    
28. .dp-c .preprocessor {color:gray;}
    
29. .dp-c .keyword {color:blue;}
    
30. .dp-c .vars {color:#d00;}
    
31. .dp-vb .comment {color:green;}
    
32. .dp-vb .string {color:blue;}
    
33. .dp-vb .preprocessor {color:gray;}
    
34. .dp-vb .keyword {color:blue;}
    
35. .dp-sql .comment {color:green;}
    
36. .dp-sql .string {color:red;}
    
37. .dp-sql .keyword {color:#7f0055;}
    
38. .dp-sql .func {color:#ff1493;}
    
39. .dp-sql .op {color:blue;}
    
40. .dp-xml .cdata {color:#ff1493;}
    
41. .dp-xml .comments {color:green;}
    
42. .dp-xml .tag {font-weight:700;color:blue;}
    
43. .dp-xml .tag-name {color:#7f0055;font-weight:700;}
    
44. .dp-xml .attribute {color:red;}
    
45. .dp-xml .attribute-value {color:blue;}
    
46. .dp-delphi .comment {color:#008200;font-style:italic;}
    
47. .dp-delphi .string {color:blue;}
    
48. .dp-delphi .number {color:blue;}
    
49. .dp-delphi .directive {color:#008284;}
    
50. .dp-delphi .keyword {font-weight:700;color:navy;}
    
51. .dp-delphi .vars {color:#000;}
    
52. .dp-py .comment {color:green;}
    
53. .dp-py .string {color:red;}
    
54. .dp-py .docstring {color:green;}
    
55. .dp-py .keyword {color:blue;font-weight:700;}
    
56. .dp-py .builtins {color:#ff1493;}
    
57. .dp-py .magicmethods {color:gray;}
    
58. .dp-py .exceptions {color:#A52A2A;}
    
59. .dp-py .types {color:#A52A2A;font-style:italic;}
    
60. .dp-py .commonlibs {color:#8A2BE2;font-style:italic;}
    
61. .dp-rb .comment {color:#c00;}
    
62. .dp-rb .string {color:#f0c;}
    
63. .dp-rb .symbol {color:#02b902;}
    
64. .dp-rb .keyword {color:#069;}
    
65. .dp-rb .variable {color:#6cf;}
    
66. .dp-css .comment {color:green;}
    
67. .dp-css .string {color:red;}
    
68. .dp-css .keyword {color:blue;}
    
69. .dp-css .colors {color:#8B0000;}
    
70. .dp-css .vars {color:#d00;}
    
71. .dp-j .comment {color:#3f7f5f;}
    
72. .dp-j .string {color:#2a00ff;}
    
73. .dp-j .keyword {color:#7f0055;font-weight:700;}
    
74. .dp-j .annotation {color:#646464;}
    
75. .dp-j .number {color:#C00000;}
    
76. .dp-cpp .comment {color:green;}
    
77. .dp-cpp .string {color:red;}
    
78. .dp-cpp .preprocessor {color:#CD00CD;font-weight:700;}
    
79. .dp-cpp .keyword {color:#5697D9;font-weight:700;}
    
80. .dp-cpp .datatypes {color:blue;font-weight:700;}

复制代码

3、并修改第13行代码：
原代码：
ul li { list-style:none; }
修改：
ul{ list-style:none; }


4、并在文章模板页加入以下的js代码。

=========================================================

<script>
//以下是实现复制的代码，请自己添加
//javascript
function $(id){
return document.getElementById(id);
}

//复制文本
function copyIdText(id) {
  copy( $(id).innerText,$(id) );
}
function copyIdHtml(id) {
  copy( $(id).innerHTML,$(id) );
}

function copy(txt,obj) {      
   if(window.clipboardData) {        
        window.clipboardData.clearData();        
        window.clipboardData.setData("Text", txt);
        alert("复制成功！")
        if(obj.style.display != 'none'){
          var rng = document.body.createTextRange();
          rng.moveToElementText(obj);
          rng.scrollIntoView();
          rng.select();
          rng.collapse(false);  
       }
   }
   else
    alert("请选中文本，使用 Ctrl+C 复制!");
}
</script>
OK 解决了~！
上图看效果：
图一：

图二：

图三：

图四：

本人乃菜鸟一个，有不足之处，望指教~！

沙发自己坐~！

好功能！不过一般网站比较少用到。

3# 52ctf
O(∩_∩)O~  做技术类站点，这个事必要的~！

不错，不错~~支持个！~~~

希望官方添加进去，哈哈@~~

咋就没人顶呢？

很好  支持一下  如果官方不添加,咱们就自己加3  呵呵

继续顶~！

黑子哥哥飘过~