关于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/
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/
相关文章推荐
- HTML语言标签之超链接
- 我所知道的几种display:table-cell的应用
- 【HTML DOM】Node.nodeValue的用法
- 有关display:block、display:table-cell在IE、谷歌的兼容性问题
- 给html超链接设置事件不使用href来完成跳
- HTML语言常用标签之字体、列表、图像、表格
- HTML学习之概述
- 修改网页图标
- html 在线阅读器 flexpaper的使用
- 怎么在后台修改前台html页面的key、title、description
- 浏览器版本不支持页面示例 supper.html
- 09-预览github上面的html效果
- HTML基础
- HTML知识点
- Html直接表单直传阿里云存储OSS示例
- 安卓TextView完美展示html格式代码
- HTML小游戏 (吃金币)
- html中的图像动态加载问题
- 爬虫的自我解剖(抓取网页HtmlUnit)
- selenium使用更快的Driver--HtmlUnit Driver