WordPress自带的文章编辑框实在是弱爆了,曾经想换成MarkDown编辑器,但是换上它之后担心以后迁移比较麻烦,毕竟保存在数据库中的内容都是markdown文本,而不是渲染后的HTML文本。

前两天在网上无意间看到一篇讲ZenCoding的新闻,突然想起这个几年前折腾过的神器,想都不想就开始在Wordpress主页上搜索有没有相关的插件了。

ZenCoding现在貌似改成Emmet了,主页为这Emmet — the essential toolkit for web-developers。WP上搜索到一款插件,叫做WP-Emment,这款插件貌似下载的人不多。

但是安装上去之后,该插件提醒后在控制台上面出现以下错误:array_merge() [function.array-merge]: Argument #2 is not an array,同时指示该错误出在wp-emmet/WP/Emmet/Options.php文件的第72行。修复该问题的方法为,在此行之前添加:

$save_options = get_option($this->name);

if ($save_options == FALSE)
    $save_options = array();

然后将72行中的get_option($this->name)修改成$save_options。

现在在文章编辑框中按Emmet的语法写,然后按Tab就可以展开成HTML代码了。例如:

==> 输入以下内容后按Tab键
ul>li*3

==>结果:
ul>
	<li></li>
	<li></li>
	<li></li>
</ul>

我没有细看Emmet的其它用法,不过就单单以上这个简单的用法,写博客的速度就立马上升了一个档次。

目前为止还遇到的一个问题是在文本编辑框中滚动条有点问题,在文本编辑框的最后一行敲回国,空行不会显示在视野内。

转载请注明转自: 团子的小窝 , 本文固定链接: WordPress 使用 WP-Emmet 插件