WordPress自带的主题一般不会包括编辑器,众多wp爱好者的自制的Wordpress主题也不会带编辑器,如果你的WordPress主题评论框带编辑器的话,那么就会使你的WordPress的评论与众不同,方便留言者编辑评论。另外Era的isblog主题的投稿功能也使用了编辑器,你可以点击“给我投稿”查看效果。
下面就跟着Era一起来给WordPress评论框添加编辑器kindeditor
1、去KindEditor官方网站下载编辑器:KindEditor 4.1.2
2、解压以后,把文件夹jsp、asp、asp.net删了,剩下的文件全部放到一个文件夹,命名为editor,放入主题文件夹里。
3、载入js,把下面的代码放入header.php的<head>…</head>之间。
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/editor/kindeditor-min.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/editor/lang/zh_CN.js"></script> <script> var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name="content"]', { resizeType : 1, allowPreviewEmoticons : false, allowImageUpload : false, items : [ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link'] }); }); </script>
4、在Comments.php文件里面,找到 <textarea name="comment" id="comment"> </textarea>,然后换成如下代码:
<textarea name="comment" id="comment" style="width:600px;height:300px;visibility:hidden;"> </textarea>
OL了,快去查看一下效果吧。
One comment