zoukankan      html  css  js  c++  java
  • kindeditor在线文本编辑器过滤HTML的方法

    在使用kindeditor文本编辑器时遇到的问题,客户直接从Excel里粘贴文本内容到文本编辑器中(能不能再懒一些),然后不调整粘贴内容直接就保存(你敢不敢再懒一些)!对于这种很无语的行径,我只能对他大吼一声,我做一个标签过滤吧,这样你粘贴就不会出现问题了(怂?谁惹得起客户)。

    过滤方法也简单:

    KindEditor.ready(function (K) {
                editor = K.create('textarea[name="content"]', {
                    filterMode: true,//是否开启过滤模式
               });
    });

    默认filterMode是关闭状态,首先把filterMode设置为true,然后增加htmlTags,指定要保留的HTML标记和属性。哈希数组的key为HTML标签名,value为HTML属性数组,"."开始的属性表示style属性。数据类型:Object

    KindEditor.ready(function (K) {
                editor = K.create('textarea[name="content"]', {
                    filterMode: true,//是否开启过滤模式
                    htmlTags : {
                        font : ['id', 'class', 'color', 'size', 'face', '.background-color'],
                        div : [
                            'id', 'class', 'align', '.border', '.margin', '.padding', '.text-align', '.color',
                            '.background-color', '.font-size', '.font-family', '.font-weight', '.background',
                            '.font-style', '.text-decoration', '.vertical-align', '.margin-left'
                        ],
                        a : ['id', 'class', 'href', 'target', 'name'],
                        embed : ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess'],
                        img : ['id', 'class', 'src', 'width', 'height', 'border', 'alt', 'title', 'align', '.width', '.height', '.border'],
                        'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : [
                            'id', 'class', 'align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.background',
                            '.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.text-indent', '.margin-left'
                        ],
                        pre : ['id', 'class'],
                        hr : ['id', 'class', '.page-break-after'],
                        'br,tbody,tr,strong,b,sub,sup,em,i,u,strike,s,del' : ['id', 'class'],
                        iframe : ['id', 'class', 'src', 'frameborder', 'width', 'height', '.width', '.height']
                }
               });
    });
  • 相关阅读:
    顶目群定义及项目群管理
    项目管理与项目组合管理的不同
    IT项目经理:人际关系技能和领导技能的重要性
    IT 项目经理的职业生涯
    Sharepoint2010 中隐藏 "快速启动"与"最近修改'
    3 个基本的IT项目组合种类
    项目成功的标志及决定因素
    HDL,你们作对了吗?
    JAVA代码编写的30条建议
    八款开源 Android 游戏引擎
  • 原文地址:https://www.cnblogs.com/codeit/p/5388084.html
Copyright © 2011-2022 走看看