给wordpress的编缉器添加coolcode按钮

2008年11月15日02:03:59 技术分享 18 9,310

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   其中:访客  18   博主  0

    • 辐射鱼 辐射鱼 5

      职业撒花儿……嘎嘎,以后不怕弃用插件后引起文章的代码的改变了

      • 摩摩诘 摩摩诘 2

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

        • EaSy EaSy 5

          职业占坐人,今天没抢到沙发阿,鱼自己抢阿。

          • 等待 等待 5

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

            • xiaorsz xiaorsz 3

              貌似没有写要修改的是哪个文件??????????

              • 等待 等待 5

                SOORY.忘了…修改quicktags.js这个文件!
                位于wordpresswp-includesjs目录下.

                • 打工皇帝 打工皇帝 1

                  非常不错的说。

                  • yayu yayu 1

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

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

                      • 等待 等待 5

                        @yayu 不用添加图片,WP会自动加上一个按钮的在CODE后面.没看到?

                          • yayu yayu 1

                            @等待 看见了 原来是在代码模式下的

                            谢谢了!

                        • aunsen aunsen 5

                          这个比较适合经常贴代码的码字高手!

                          • 菠菜 菠菜 4

                            不错,这样的话应用起来久方便多了。

                            • 林晨 林晨 2

                              不怎么使用就不改了

                              • Sivan Sivan 3

                                有coolcode的文章每次编辑都比较麻烦,跟可视化编辑器有冲突……于是换成WP-Syntax了。

                                  • Danfi Danfi 2

                                    @Sivan 貌似现在的版本不行了?

                                  • 我是小白 我是小白 3

                                    不如给个2.7的和2.63的这个文件吧,懒人啊

                                    • Humphrey Humphrey 2

                                      加入后的提示框中文显示乱码,勉强能知道它在问啥!呵呵

                                      • einverne einverne 1

                                        好东西的说,不过不会用。等看得懂代码再说吧