WordPress在评论框添加简单编辑器和去除图片使用限制（PhilNa2）

这个仅作为记录或参考用途，演示：可参考评论框部分

有时候感觉，虽然可以手动，但是放出来还是会比较方便大家吧，提高一下积极性嘛~

去除WordPress对游客的图片使用限制

Ps:WordPress默认对游客关闭img标签，所以我们要加上~

更改wp-includes目录中的kses.php文件

在    $allowedtags = array(    下面添加

        ‘img’=> array (
‘alt’ => array (),
‘src’ => array ()),

Ps：来源于的【多彩的评论】：让评论可以插入图片，更改文字大小、颜色参考：

wordpress评论中可以使用的XHTML标签是可以控制的，wordpress的该部分程序使用的是开源代码kses。

在wordpress的wp-includes目录中有个kses.php的文件。

一般在文件的第22行 或者搜索$allowedtags 找到：
allowedtags = array (
//’a’=> array (‘href’=> array (), ‘title’ => array ()),
//’abbr’ => array (‘title’ => array ()),
//’acronym’ => array (‘title’=> array ()),
‘b’ => array (),
代码说明：
1、上面代码中的//表示该行为注释。
2、建议一个XHTML标签一行，提高代码可看性。
3、注意括号的对应关系。
4、注意逗号的使用。
用法举例：
我需要在评论中支持XHTML标签：
那么，我就在该段代码中加入下面一行：
‘a’=> array (‘href’ => array (),’title’=> array ()),
要在评论中支持插入图片，就加入下面代码：
‘img’=> array (
‘alt’ => array (),
‘align’ => array (),
‘border’ => array (),
‘class’ => array (),
‘height’=> array (),
‘hspace’=> array (),
‘longdesc’=> array (),
‘vspace’ => array (),
‘src’ => array (),
‘width’ => array ()),

添加编辑器具体如下：（以PhilNa2为模板）

Html部分：

在PhilNa2主题文件夹下 comments.php  （其实不一定要在这个文件，根据自己需要）

找到： <h4><strong><?php _e(‘Leave a comment’, YHL); ?></strong></h4>

在其下面添加：（请自行修改或添加，当然js方面也要相应配合）

           <div id=”editor_tools”>
<a style=”padding:0 5px;border-right:1px solid #ddd;border-left:1px solid #ddd;” href=”javascript:SIMPALED.Editor.strong()”>B（加粗）</a>
<a style=”padding:0 5px;border-right:1px solid #ddd;” href=”javascript:SIMPALED.Editor.del()”>del（删除线）</a>
<a style=”padding:0 5px;border-right:1px solid #ddd;” href=”javascript:SIMPALED.Editor.underline()”>U（下划线）</a>
<a style=”padding:0 5px;border-right:1px solid #ddd;” href=”javascript:SIMPALED.Editor.code()”>Code（代码）</a>
<a style=”padding:0 5px;border-right:1px solid #ddd;” href=”javascript:SIMPALED.Editor.quote()”>Quote（引用）</a>
<a style=”padding:0 5px;border-right:1px solid #ddd;” href=”javascript:SIMPALED.Editor.ahref()”>Link（添加奇怪的链接）</a>
<a style=”padding:0 5px;border-right:1px solid #ddd;” href=”javascript:SIMPALED.Editor.img()”>Img（添加糟糕的图片）</a>
</div>

CSS样式：（也可自行修改，随你喜欢）

/*edit-tool*/
.editor_tools{margin:0;padding:0;width:360px;height:20px;border-left:1px solid #ddd;}
.editor_tools a{float:left;color:#999;height:20px;line-height:20px;padding:0 5px;font-weight:bold;background:#fafafa;border-top:1px solid .ddd;border-right:1px solid #ddd;}
.editor_tools a:hover{background:#fff;}

jQuery代码：（复制请注意空格或符号，检查有没有错误）

/* Comment Editor */
$(function() {
function addEditor(a, b, c) {
if (document.selection) {
a.focus();
sel = document.selection.createRange();
c ? sel.text = b + sel.text + c: sel.text = b;
a.focus()
} else if (a.selectionStart || a.selectionStart == ’0′) {
var d = a.selectionStart;
var e = a.selectionEnd;
var f = e;
c ? a.value = a.value.substring(0, d) + b + a.value.substring(d, e) + c + a.value.substring(e, a.value.length) : a.value = a.value.substring(0, d) + b + a.value.substring(e, a.value.length);
c ? f += b.length + c.length: f += b.length – e + d;
if (d == e && c) f -= c.length;
a.focus();
a.selectionStart = f;
a.selectionEnd = f
} else {
a.value += b + c;
a.focus()
}
}
var g = document.getElementById(‘comment’) || 0;
var h = {
strong: function() {
addEditor(g, ‘<strong>’, ‘</strong>’)
},
del: function() {
addEditor(g, ‘<del>’, ‘</del>’)
},
underline: function() {
addEditor(g, ‘<u>’, ‘</u>’)
},
quote: function() {
addEditor(g, ‘<blockquote>’, ‘</blockquote>’)
},
img: function() {
var a = prompt(‘Enter the URL’, ‘http://’);
if (a) {
addEditor(g, ‘<img src=”‘ + a + ‘” alt=”" />’,”)
}
},
ahref: function() {
var a = prompt(‘Enter the URL’, ‘http://’);
if (a) {
addEditor(g, ‘<a target=”_blank” href=”’ + a + ‘” rel=”external”>’, ‘</a>’)
}
},
code: function() {
addEditor(g, ‘<code>’, ‘</code>’)
}
};
window['SIMPALED'] = {};
window['SIMPALED']['Editor'] = h
});

社交一下:
订阅:Feedsky不给力 feedburner 或 邮箱订阅 或 小记Feed 烂Feedsky
周边: 金山快盘    虾米音乐