TinyMCE Emotions 插件定制

emotions 插件是一个常用的 TinyMCE 插件。我们的目的是
1.将表情图案的 URL 设置成 http://localhost/emotionimg/smiley-cool.gif 格式
2.可以添加其他表情图案到此插件中

首先实现第一个要求:

1.将插件下的表情图案复制至网站根目录下的 emotionimg 目录中
2.编辑 tinymce/jscripts/tiny_mce/plugins/emotions/js/emotions.js
将其中的

src : tinyMCEPopup.getWindowArg('plugin_url') + '/img/' + file,

修改为:
src : '/emotionimg/' + file,

实现第二个要求:

1.将表情图案(如 vampire.gif)上传至网站根目录下的 emotionimg 目录中
2.修改 tinymce/jscripts/tiny_mce/plugins/emotions/emotions.htm,将此图案写入页面中。如

<a href="javascript:EmotionsDialog.insert('vampire.gif','emotions_dlg.vampire');"><img src="/emotionimg/vampire.gif" width="18" height="18" border="0" alt="{#emotions_dlg.vampire}" title="{#emotions_dlg.vampire}" /></a>

3.为新添加的表情图案补充语言翻译,在  tinymce/jscripts/tiny_mce/plugins/emotions/langs/en_dlg.js 中添加
vampire:"Vampire"

在  tinymce/jscripts/tiny_mce/plugins/emotions/langs/zh_dlg.js 中添加
vampire:"\u5438\u8840\u9b3c"

提示:由于 TinyMCE 的语言包必须采用 ISO-639-1 格式,在中文语言包中的信息不可直接填写中文。请使用如下脚本转换一下:

<script style="text/javascript">
function ascii(str){
return str.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"\\u$2")});
}
function unascii(str){
return unescape(str.replace(/\\u/g,"%u"));
}
var a=ascii("吸血鬼");
document.write(a.toLowerCase());
document.write(unascii(a));
//document.write("\u4E2D\u6587");
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值