WordPress后台Html编辑器上面的按钮几乎没用过,因为不太符合我的习惯,可视化编辑器会出问题所以禁用了,关于这个后台的Html编辑器好像是支持UBB代码的,不过我不喜欢。相信所有WordPress用户都有这个感觉,这里没有普通博客:百度空间、QQ空间、Sina博客、Sohu博客等那样方便的可视化编辑,WP用户写博文几乎就像是在写网页,有点麻烦~所以在后台编辑器上添加几个自己常用的按钮,方便写博文,共享一下给大家O(∩_∩)O,可以根据自己习惯依样画葫芦修改或添加自己喜欢的,下面就是根据本身就有的ul标签按钮改的,格式都差不多~
添加的按钮效果图:
方法是修改wp-includes/js/quicktags.js这个文件,可以在你想要的位置添加下面的内容:
一、添加wp-syntax代码插入按钮:
将原来的code标签
edButtons[edButtons.length]=new edButton("ed_code","code","<code>","</code>","c");
替换为
edButtons[edButtons.length]=new edButton("ed_syntax","syntax",'<pre lang="php" line="1">\n',"\n< /pre>\n","syntax");
(注意上面的/pre之前为了能正常显示被我多加了一个空格,要去掉)
二、添加文字颜色插入按钮:
edButtons[edButtons.length]=new edButton("ed_red","red",'<span style="color:red;">',"</span>","red"); edButtons[edButtons.length]=new edButton("ed_green","green",'<span style="color:green;">',"</span>","green"); edButtons[edButtons.length]=new edButton("ed_#FF0066","#FF0066",'<span style="color:#FF0066;">',"</span>","#FF0066");
三、添加small标签按钮:
edButtons[edButtons.length]=new edButton("ed_small","small","<small>","</small>","small");
四、img标签改进:
将
if(a){a='<img src="'+a+'" alt="'+prompt(quicktagsL10n.enterImageDescription,"")+'" />';
替换为
if(a){a='<a href="'+a+'" title="" target="_blank"><img src="'+a+'" alt="" /></a>';
将
if(i){i='<img src="'+i+'" alt="'+prompt(quicktagsL10n.enterImageDescription,"")+'" />';
替换为
if(i){i='<a href="'+i+'" title="" target="_blank"><img src="'+i+'" alt="" /></a>';
五、blockquote标签改进:
将
edButtons[edButtons.length]=new edButton("ed_block","b-quote","\n\n<blockquote>","</blockquote>\n\n","q");
替换为
edButtons[edButtons.length]=new edButton("ed_block","b-quote","<blockquote>\n","\n</blockquote>\n","q");
六、ul标签改进:
将
edButtons[edButtons.length]=new edButton("ed_ul","ul","<ul>\n","</ul>\n\n","u");
替换为
edButtons[edButtons.length]=new edButton("ed_ul","ul","<ul>\n","\n</ul>\n","u");
七、ol标签改进:
将
edButtons[edButtons.length]=new edButton("ed_ol","ol","<ol>\n","</ol>\n\n","o");
替换为
edButtons[edButtons.length]=new edButton("ed_ol","ol","<ol>\n","\n</ol>\n","o");
八、li标签改进:
将
edButtons[edButtons.length]=new edButton("ed_li","li","\t<li>","</li>\n","l");
替换为
edButtons[edButtons.length]=new edButton("ed_li","li","\t<li>","</li>","l");
这个很实用!
菜鸟路过了啊呵呵
确实实用,顶一个
其实我现在都是使用scribefire这样的离线编辑工具来写文章的,速度还挺快
很久没来咯。。今天来看看。。我很喜欢语法高亮这个代码
这个不错,我想要那个插入代码的按钮