Drupal里面Tiny MCE模块的表情DIY

很多使用Drupal的人都喜欢使用TinyMCE作为自己的编辑器。这个编辑器的确很强大。

作为博客评论或者论坛的话，大多会用到表情。而TinyMCE里面的表情并不是很丰富。

博客的第一篇技术文章就先给这个TinyMCE里面的表情吧：

首先，我们需要研究一下TinyMCE里面的表情的结构：

在/modules/tinymce/tinymce/jscripts/tiny_mce/plugins/emotions/里面可以找到以下的目录结构：

emotions

-- images

----里面存着表情的图片

--jscripts

----functions.js

--langs

----en.js

--editor_plugin.js

--editor_plugin_src.js

--emotions.htm

这就是完整的目录结构。

这里，我们要做的第一件事情就是把emotions.htm里面的表情增加。打开emotions.htm，可以看到，这个页面其实是存储当你点击表情时候的模板的。里面的每一个表情是：

<a href="javascript:insertEmotion('smiley-foot-in-mouth.gif','lang_emotions_foot_in_mouth');"><img src="images/smiley-foot-in-mouth.gif" width="18" height="18" border="0" alt="{$lang_emotions_foot_in_mouth}" title="{$lang_emotions_foot_in_mouth}" /></a>

分析一下，首先那个.gif是表情的图片，三个名字都改成你要添加的图片。width和height可以去掉，不然你的表情会被限制住。

alt是指当你的鼠标放到上面的时候，出现的字，这个其实是一个变量，要在另一个文件里面设置的，所以一种方法是在这里直接改成想要的字，前提是如果你不打算用多国语言来做的话。另一种方法就是去在lang文件夹里的en里加变量。

同样的方法可以改title

这样，你就可以把自己的自定义表情添加进去了。可以在html里面增加行，或者直接改就好了。

不过这里出现一个问题，就是当点表情的时候，弹出来的窗口是有大小的，默认是250x160的。如果放了大的表情，就可能会出现截断。所以下面我们只需要修改弹出窗口的大小就好了：

在editor_plugin.js和editor_plugin_src.js文件里都可以找到width和height的属性，修改一下就OK了。

这样就可以添加丰富的表情了，哈哈。