A-A+

给wordpress的编缉器添加coolcode按钮

2009年01月02日 WordPress 暂无评论 阅读 1 次

Coolcode这个我想不用介绍了,一个很强大的代码高亮插件。我想很多人都在用或者用过吧。但用起来确那么点麻烦。每次都要手动去添加代码,添加语言、行号是不是关闭这些。一个两个还好办。多了就麻烦了。下面来介绍下怎么样添加一个按钮放到WP的编缉器上。

一:找到:

  1. edButtons[edButtons.length] =   
  2. new edButton('ed_code'  
  3. ,'code'  
  4. ,'<code>'  
  5. ,'</code>'  
  6. ,'c'  
  7. );  
edButtons[edButtons.length] =
new edButton('ed_code'
,'code'
,'<code>'
,'</code>'
,'c'
);

在后面添加:

  1. edButtons[edButtons.length] =   
  2. new edButton('ed_coolcode'  
  3. ,'coolcode'  
  4. ,''  
  5. ,'</coolcode>'  
  6. ,'x'  
  7. );  
edButtons[edButtons.length] =
new edButton('ed_coolcode'
,'coolcode'
,''
,'</coolcode>'
,'x'
);

二:找到:

  1. else if (button.id == 'ed_link') {   
  2.         document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertLink(edCanvas, ' + i + ');" value="' + button.display + '" />');   
  3.     }  
else if (button.id == 'ed_link') {
		document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertLink(edCanvas, ' + i + ');" value="' + button.display + '" />');
	}

在后面添加:

  1. else if (button.id == 'ed_coolcode') {   
  2.         document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertCoolcode(edCanvas, ' + i + ');" value="' + button.display + '" />');   
  3.     }  
else if (button.id == 'ed_coolcode') {
        document.write('<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertCoolcode(edCanvas, ' + i + ');" value="' + button.display + '" />');
    }

三:在文件末尾添加:

  1. function edInsertCoolcode(myField, i, defaultLang, defaultLine) {   
  2.     if (!defaultLang) {   
  3.         defaultLang = 'php';   
  4.     }   
  5.     if (!defaultLine) {   
  6.         defaultLine = 'off';   
  7.     }   
  8.     if (!edCheckOpenTags(i)) {   
  9.         var codeLang = prompt('输入需要加亮的程序语言', defaultLang);   
  10.         var codeLine = prompt('是否显示行号(on, off)', defaultLine);   
  11.         edButtons[i].tagStart = '<' + 'coolcode';   
  12.         if (codeLang) {   
  13.             edButtons[i].tagStart = edButtons[i].tagStart + ' lang="'  
  14.                                     + codeLang + '"'  
  15.         }   
  16.         if (codeLine) {   
  17.             edButtons[i].tagStart = edButtons[i].tagStart + ' linenum="'  
  18.                                     + codeLine + '"';   
  19.         }   
  20.         edButtons[i].tagStart = edButtons[i].tagStart + '>';   
  21.         edInsertTag(myField, i);   
  22.     }   
  23.     else {   
  24.         edInsertTag(myField, i);   
  25.     }   
  26. }  
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了。非常方便,赶快试试吧!~

给我留言

Copyright © 浩然东方 保留所有权利.   Theme  Ality 07032740

用户登录