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


     目前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/
  • 相关阅读:
    javascript超过容器后显示省略号效果(兼容一行或者多行)
    javascript仿新浪微博图片放大缩小及旋转效果
    javascript瀑布流效果
    javascript日历插件
    JS图片Switchable切换大集合
    JS简单的倒计时(代码优化)
    JS全选功能代码优化
    JS日期格式化转换方法
    Jquery简单的placeholder效果
    jQuery封装自定义事件--valuechange(动态的监听input,textarea)之前值,之后值的变化
  • 原文地址:https://www.cnblogs.com/sshoub/p/6165328.html
Copyright © 2020-2023  润新知