改进wordpress简单编辑器quicktags

作者:半瓶墨水   链接:http://www.2maomao.com/blog/modified-quicktags/

一直觉得wordpress本身的可视化编辑器慢,后来搞了一个editor monkey,更慢,特别是通过北京的网通打开的时候,够时间煮一杯咖啡了。

突然发现原来wordpress本身的简单编辑器很好用,虽然没有那么多的色彩,没有可视化(一般用不到),但是还是很简洁高效,唯一不爽的是上面不是我想要的tag

于是修改了一下quicktags.js源码:
加入了tag, coolcode, color, bk_color, 注释掉了more/page/Close Tags/lookup

这是修改以后的工具条:
修改后的wordpress简单编辑器quicktag工具条

下载(右键目标另存为): http://www.2maomao.com/blog/wp-content/uploads/quicktags.js
使用方法: 直接替换wp-include\js下面的quicktags.js文件

部分代码(以coolcode tag为例):
前面:

edButtons[edButtons.length] =
  
new edButton('ed_code'
   ,
'coolcode'
   ,
''
   ,
'\n\n'
   ,
'c'
); //special case

中间:

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

最后:(其中的&lt;是为了coolcode嵌套,代表<

function edInsertCoolCode(myField, i) {
    
var myValue = prompt('Input Language:', 'html');
    
if (myValue) {
        
edButtons[i].tagStart = '\n&lt;coolcode lang="' + myValue + '">\n';
        
edInsertTag(myField, i);
    
}
}

搞定。

附:quicktags的快捷键总是会出错,乱贴一气,不知道怎么搞的

Tags:[tag]quicktags, tags, coolcode, javascript, wordpress[/tag]

2 条评论 发表在“改进wordpress简单编辑器quicktags”上

  1. cullet说道:

    ……:( 看得不是太懂,回頭再研究一下~~:D

  2. liveme说道:

    这个方法不错。

留下回复