wordpress更改默认编辑器为fckeditor并实现代码高亮

2009/05/05, 4:27 上午

1、在你的CSS样式层增加代码高亮的CSS支持

    

CSS代码
  1. .codeHead {  
  2. font-weight: bold;  
  3. font-size: 12px;  
  4. padding: 5px;  
  5. padding-left: 15px;  
  6. background: #fff;  
  7. border-bottom: 1px solid #ddd;  
  8. }  
  9. .codeText {  
  10. border: 1px solid #ddd;  
  11. width: 98%;  
  12. overflow: auto;  
  13. margin: 0 0 1.1em;  
  14. padding: 0;  
  15. word-break: break-all;  
  16. background: #fff;  
  17. font: 12px ‘Courier New’, Monospace;  
  18. }  
  19. .codeText ol {  
  20. list-style: decimal-leading-zero;  
  21. margin: 0 1px 0 45px;  
  22. padding: 5px 0;  
  23. color: #5C5C5C;  
  24. border-left: 1px solid #ddd;  
  25. background: #fff;  
  26. }  
  27. .codeText ol li {  
  28. padding-left: 10px;  
  29. background: #FFF;  
  30. }  
  31. .codeText ol li.alt {  
  32. background: #FFF;  
  33. }  
  34. .codeText ol li span {  
  35. color: #000;  
  36. }  
  37. .codeText .comment, .codeText .comments {  
  38. color: #008200;  
  39. }  
  40. .codeText .string {  
  41. color: blue;  
  42. }  
  43. .codeText .keyword {  
  44. color: #069;  
  45. font-weight: bold;  
  46. }  
  47. .codeText .preprocessor {  
  48. color: gray;  
  49. }  
  50. .dp-c .comment {  
  51. color: green;  
  52. }  
  53. .dp-c .string {  
  54. color: blue;  
  55. }  
  56. .dp-c .preprocessor {  
  57. color: gray;  
  58. }  
  59. .dp-c .keyword {  
  60. color: blue;  
  61. }  
  62. .dp-c .vars {  
  63. color: #d00;  
  64. }  
  65. .dp-vb .comment {  
  66. color: green;  
  67. }  
  68. .dp-vb .string {  
  69. color: blue;  
  70. }  
  71. .dp-vb .preprocessor {  
  72. color: gray;  
  73. }  
  74. .dp-vb .keyword {  
  75. color: blue;  
  76. }  
  77. .dp-sql .comment {  
  78. color: green;  
  79. }  
  80. .dp-sql .string {  
  81. color: red;  
  82. }  
  83. .dp-sql .keyword {  
  84. color: #7f0055;  
  85. }  
  86. .dp-sql .func {  
  87. color: #ff1493;  
  88. }  
  89. .dp-sql .op {  
  90. color: blue;  
  91. }  
  92. .dp-xml .cdata {  
  93. color: #ff1493;  
  94. }  
  95. .dp-xml .comments {  
  96. color: green;  
  97. }  
  98. .dp-xml .tag {  
  99. font-weight: bold;  
  100. color: blue;  
  101. }  
  102. .dp-xml .tag-name {  
  103. color: #7f0055;  
  104. font-weight: bold;  
  105. }  
  106. .dp-xml .attribute {  
  107. color: red;  
  108. }  
  109. .dp-xml .attribute-value {  
  110. color: blue;  
  111. }  
  112. .dp-delphi .comment {  
  113. color: #008200;  
  114. font-style: italic;  
  115. }  
  116. .dp-delphi .string {  
  117. color: blue;  
  118. }  
  119. .dp-delphi .number {  
  120. color: blue;  
  121. }  
  122. .dp-delphi .directive {  
  123. color: #008284;  
  124. }  
  125. .dp-delphi .keyword {  
  126. font-weight: bold;  
  127. color: navy;  
  128. }  
  129. .dp-delphi .vars {  
  130. color: #000;  
  131. }  
  132. .dp-py .comment {  
  133. color: green;  
  134. }  
  135. .dp-py .string {  
  136. color: red;  
  137. }  
  138. .dp-py .docstring {  
  139. color: green;  
  140. }  
  141. .dp-py .keyword {  
  142. color: blue;  
  143. font-weight: bold;  
  144. }  
  145. .dp-py .builtins {  
  146. color: #ff1493;  
  147. }  
  148. .dp-py .magicmethods {  
  149. color: #808080;  
  150. }  
  151. .dp-py .exceptions {  
  152. color: brown;  
  153. }  
  154. .dp-py .types {  
  155. color: brown;  
  156. font-style: italic;  
  157. }  
  158. .dp-py .commonlibs {  
  159. color: #8A2BE2;  
  160. font-style: italic;  
  161. }  
  162. .dp-rb .comment {  
  163. color: #c00;  
  164. }  
  165. .dp-rb .string {  
  166. color: #f0c;  
  167. }  
  168. .dp-rb .symbol {  
  169. color: #02b902;  
  170. }  
  171. .dp-rb .keyword {  
  172. color: #069;  
  173. }  
  174. .dp-rb .variable {  
  175. color: #6cf;  
  176. }  
  177. .dp-css .comment {  
  178. color: green;  
  179. }  
  180. .dp-css .string {  
  181. color: red;  
  182. }  
  183. .dp-css .keyword {  
  184. color: blue;  
  185. }  
  186. .dp-css .colors {  
  187. color: darkred;  
  188. }  
  189. .dp-css .vars {  
  190. color: #d00;  
  191. }  
  192. .dp-j .comment {  
  193. color: #3f7f5f;  
  194. }  
  195. .dp-j .string {  
  196. color: #2a00ff;  
  197. }  
  198. .dp-j .keyword {  
  199. color: #7f0055;  
  200. font-weight: bold;  
  201. }  
  202. .dp-j .annotation {  
  203. color: #646464;  
  204. }  
  205. .dp-j .number {  
  206. color: #C00000;  
  207. }  
  208. .dp-cpp .comment {  
  209. color: #e00;  
  210. }  
  211. .dp-cpp .string {  
  212. color: red;  
  213. }  
  214. .dp-cpp .preprocessor {  
  215. color: #CD00CD;  
  216. font-weight: bold;  
  217. }  
  218. .dp-cpp .keyword {  
  219. color: #5697D9;  
  220. font-weight: bold;  
  221. }  
  222. .dp-cpp .datatypes {  
  223. color: #2E8B57;  
  224. font-weight: bold;  
  225. }  

2、上传Fckeditor到你的插件目录，并且启用新的插件

 

      点击下载fckeditor-for-wordpress-plugin

Category: 后端开发  |  评论 (RSS)  |  Trackback
«
»

4 Comments

  1. 王兴 说道：
    2009/07/13 10:00 上午

    在你的CSS样式层增加代码高亮的CSS支持,具体是那个css啊？

    回复
  2. 王兴 说道：
    2009/07/13 10:32 上午

    wp-content/themes/carrington-blog/carrington-core/lightbox/css/ 这个下面的 thickbox.css就好

    回复
  3. 网站推广 说道：
    2010/08/31 7:31 下午

    编码问题很让人头疼

    回复
  4. 钥匙扣 说道：
    2010/09/14 7:56 上午

    好，我会经常过来浏览。

    回复

发表评论