给wordpress的编缉器添加coolcode按钮

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了。非常方便,赶快试试吧!~

类似文章

18条评论

  1. 这个真不错!!省的麻烦…
    @辐射鱼 这个只是给编辑器添加按钮,禁用之后不是还是会引起文章代码改变么?

  2. 这个只是方便添加COOLCODE而已,点击按钮会弹出一个对话框.你可以输入PHP,HTML…然后会询问是不是显示行号.ON,OFF非常方便

  3. 弱弱的问问,加了代码后,是不是还要加图片呢,不然编辑器的图标怎么来?

    反正我是找了半天也没看见。。。。。

已关闭评论。