wordpress评论及文章发布添加自定义表情

发个文章庆祝一下,

搞了半天,终于在评论和文章发布上面做上表情按钮了,

评论上面的表情是参照Willin Kan(感谢!)的WP 表情符號和自定義表情圖片位址,改成了人人网上的表情(感谢倪Yao同学,用你的电脑登人人),在此不再赘述,请需要的移步本方法的作者博客.

至于文章发布页的表情,看了Willin Kan的文章和评论里的讨论,似乎暂时没有解决,

不是很懂php,看了看代码,实践了一下,发现在评论中用的方法并不适用,

只能在文章编辑框附近添加表情图片,而不能自动添加对应符号(如本博的:’smilies01:’);

因为文章编辑框并不是<textarea>区块,

一坨一坨的php代码纠结在一起…看不懂… :smilies08: :smilies08:

混乱之间,发现文章编辑的HTML模式,点过按钮后会在编辑框出现<b></b>之类的标签,

或许,我可以把表情和这个做到一起 :smilies18: :smilies18:

在源代码翻了一会发现,并没有quicktags(HTML模式工具条)的相关代码,

查阅网上资料,原来写在JS里(wp-includes/js/quicktags.js)

于是我们可以仿照:

edButtons[edButtons.length]=new edButton(“ed_smilies”,”01″, ” :smilies1: “,””,”t”, -1);

这种格式来添加一些按钮,执行添加表情功能,

至于各个参数意义,请自行搜索.

不过这也是一个很笨的方法来,因为不能直观地看到添加的表情是什么,于是…

我在编辑框附近把表情图片全列出来,并按顺序排号,按钮直接命名为编号,

使用的时候看图片的编号按相应按钮,

中间出了点问题,在编号上记混了,一方面编为1,2,3,4…一方面编为01,02,03,04… :smilies21: :smilies21:

结果无法显示,现已改正,功能正常.

对于喜欢用可视化编辑的人来说有点不方便,不过也算解决问题了.

考虑可视化编辑工具条,应该还有改进方法,按钮上直接显示表情,

不过可视化编辑工具条上的图片,是从同一张图片上的不同部分读取来的,估计也写在JS里,

这实非我能力之所及,期待日后或者高人解决吧.

PS:从HTML切换到可视化会自动略去多于一个的空格,连续添加多个表情估计导致后面的无法正常显示,但实际并无此状况.

不早,灌两口水睡觉.