当前位置:爱推吧 » WordPress技巧 » 给你的WordPress评论框添加编辑器kindeditor

给你的WordPress评论框添加编辑器kindeditor

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了,快去查看一下效果吧。

Kindeditor编辑器

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注