Coolcode这个我想不用介绍了，一个很强大的代码高亮插件。我想很多人都在用或者用过吧。
但用起来确那么点麻烦。每次都要手动去添加代码，添加语言、行号是不是关闭这些。一个两个还好办。多了就麻烦了。下面来介绍下怎么样添加一个按钮放到WP的编缉器上。
一：找到：
edButtons[edButtons.length] =
new edButton(‘ed_code’
,’code’
,’'‘
,'
,’c’
);
在后面添加：
edButtons[edButtons.length] =
new edButton(‘ed_coolcode’
,’coolcode’
,”
,’< coolcode>‘
//注意上面的应替换成/
,’x’
);
二：找到：
else if (button.id == ‘ed_link’) {
document.write(‘‘);
}
在后面添加：
else if (button.id == ‘ed_coolcode’) {
document.write(‘‘);
}
三：在文件末尾添加：
function edInsertCoolcode(myField, i, defaultLang, defaultLine) {
if (!defaultLang) {
defaultLang = ‘php’;
}
if (!defaultLine) {
defaultLine = ‘off’;
}
if (!edCheckOpenTags(i)) {
var codeLang = prompt(‘输入需要加亮的程序语言’, defaultLang);
var codeLine = prompt(‘是否显示行号(on, off)’, defaultLine);
edButtons[i].tagStart = ‘< ' + 'coolcode';
if (codeLang) {
edButtons[i].tagStart = edButtons[i].tagStart + ' lang="'
+ codeLang + '"'
}
if (codeLine) {
edButtons[i].tagStart = edButtons[i].tagStart + ' linenum="'
+ codeLine + '"';
}
edButtons[i].tagStart = edButtons[i].tagStart + '>‘;
edInsertTag(myField, i);
}
else {
edInsertTag(myField, i);
}
}
行了。以后要加亮代码的时候点一下按钮，然后填上你要显示的语言、选择是不是显示行号就OK了。非常方便，赶快试试吧！~
Comments
18 responses to “给wordpress的编缉器添加coolcode按钮”
职业撒花儿……嘎嘎，以后不怕弃用插件后引起文章的代码的改变了
这个真不错!!省的麻烦…
@辐射鱼 这个只是给编辑器添加按钮,禁用之后不是还是会引起文章代码改变么?
职业占坐人，今天没抢到沙发阿，鱼自己抢阿。
这个只是方便添加COOLCODE而已,点击按钮会弹出一个对话框.你可以输入PHP,HTML…然后会询问是不是显示行号.ON,OFF非常方便
貌似没有写要修改的是哪个文件？？？？？？？？？？
SOORY.忘了…修改quicktags.js这个文件!
位于wordpresswp-includesjs目录下.
非常不错的说。
弱弱的问问，加了代码后，是不是还要加图片呢，不然编辑器的图标怎么来？
反正我是找了半天也没看见。。。。。
不用添加图片,WP会自动加上一个按钮的在CODE后面.没看到?
看见了 原来是在代码模式下的
谢谢了！
这个比较适合经常贴代码的码字高手！
不错，这样的话应用起来久方便多了。
不怎么使用就不改了
有coolcode的文章每次编辑都比较麻烦，跟可视化编辑器有冲突……于是换成WP-Syntax了。
貌似现在的版本不行了？
不如给个2.7的和2.63的这个文件吧，懒人啊
加入后的提示框中文显示乱码，勉强能知道它在问啥！呵呵
好东西的说，不过不会用。等看得懂代码再说吧