您的位置:首页 > Web前端 > HTML

关于NK3C使用富文本编辑器(CKEditor)发送HTML邮件的使用说明

2016-12-12 17:33 351 查看
目前NK3C发送HTML邮件使用的的编辑器是CKEditor4.6版本,关于CKEditor的使用说明如下:

1、依赖JQuery1.7版本以上,在xxx.vm中<head></head>即引入
  <scriptsrc="$rootPath/js/lib/jquery/jquery.min.js"></script>
2、添加标签<textarea></textarea>:
  <textarea class="emailtemplate-ckeditor ckeditor"name="emailTemplateCKEDITOR"></textarea>
3、引入ckeditor.js :
  <script src="$rootPath/js/lib/ckeditor/ckeditor.js"></script>
4、 即时加载:
  <script>
$(document).ready(function () {
CKEDITOR.replace('emailTemplateCKEDITOR');
});
</script>
5、给CKEditor赋值:必须使用延迟加载,解决IE赋值问题
$(function () {
setTimeout(function () {
$(document).ready(function () {
CKEDITOR.instances['emailTemplateCKEDITOR'].setData(data.emailBody);
});
}, 1000);
});
6、获取CKEditor的值:
1)获取带HTML标签的值:CKEDITOR.instances['emailTemplateCKEDITOR'].getData();
:其中emailTemplateCKEDITOR是<textarea name="emailTemplateCKEDITOR"></textarea>的属性name的值
2)获取纯文本:CKEDITOR.instances['emailTemplateCKEDITOR'].document.getBody().getText();// 获取纯文本

7、CKEditor的配置项:请查看js/lib/ckeditor/config.js中的配置
8、CKEditor的使用实例请查看邮件模板:js/main/mmx/emailtemplate/emailtemplatemodify.js
WEB-INF/velocity_pages/mmx/emailtemplate/emailtemplatemodify.vm
使用详情请查看官网http://ckeditor.com/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: