kindeditor不过滤标签属性

1、问题：
在富文本编辑器编辑的时候，发现自己在div上写的部分属性不见了，其他标签的部分属性也不见了，h5标签section也不见了，效果图如下：

(1)、点击富文本左上角'HTML代码'按钮，把自己的html代码放进去：

(2)、然后查看html的效果：

(3)、再次点击'HTML代码'：

2、解决：
    看官方文档 http://kindeditor.net/doc3.php?cmd=config
    找到一个属性：filterMode
数据类型：Boolean
        true时过滤HTML代码，false时允许输入任何代码。
默认值：false
        注: 3.4以前版本的filterMode默认值为true。

3、总结：原来是插件默认帮我们过滤掉了标签的部分属性，把默认的true改为false即可。

4、或者想要指定某些标签不过滤。
   属性：htmlTags
        指定要保留的HTML标记和属性。哈希数组的key为HTML标签名，value为HTML属性数组，"."开始的属性表示style属性。
        数据类型：Object
        默认值：
        {
        font : ['color', 'size', 'face', '.background-color'],
        span : ['style'],
        div : ['class', 'align', 'style'],
        table: ['class', 'border', 'cellspacing', 'cellpadding', 'width', 'height', 'align', 'style'],
        'td,th': ['class', 'align', 'valign', 'width', 'height', 'colspan', 'rowspan', 'bgcolor', 'style'],
        a : ['class', 'href', 'target', 'name', 'style'],
        embed : ['src', 'width', 'height', 'type', 'loop', 'autostart', 'quality',
        'style', 'align', 'allowscriptaccess', '/'],
        img : ['src', 'width', 'height', 'border', 'alt', 'title', 'align', 'style', '/'],
        hr : ['class', '/'],
        br : ['/'],
        'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : ['align', 'style'],
        'tbody,tr,strong,b,sub,sup,em,i,u,strike' : []
       }
注：filterMode为true时有效。3.4版本开始属性可设置style，保留所有inline样式。

5、部分代码：

/*定义文本域*/
<textarea name="content" id="content" style=" width: 100%; height:400px" ><?php echo isset($data['content'])?$data['content']:''?></textarea>
/*引入插件*/
<script type="text/javascript" src="<?php echo $cdn_host;?>js/kindeditor-4.1.10/kindeditor.js"></script>
/*初始化插件*/
<script>$(function(){KindEditor.basePath = '<?php echo $cdn_host;?>js/kindeditor-4.1.10/';setTimeout(function(){window.editor = KindEditor.create('#content', {filterMode: false,//是否开启过滤模式uploadJson: '/admin/public/upload?type=imgFile',/*    fileManagerJson: '?m=upload&f=file_manager_json&is_json=1',allowFileManager: true*/});},100);})
</script>

kindeditor不过滤标签属性相关推荐

正则匹配html标签和内容,正则匹配HTML标签（不保留内容和保留内容、过滤标签的的属性）...
1.匹配双标签(包括内容),过滤标签,不保留内容. var reg1 = /]*>(.|\n)*/gi; var str1 = '我是被删除的123123'; console.log(str1. ...
python学习之----获取标签属性
到目前为止,我们已经介绍过如何获取和过滤标签,以及获取标签里的内容.但是,在网络数据采集时你经常不需要查找标签的内容,而是需要查找标签属性.比如标签<a> 指向的URL 链接包含在hr ...
Android Activity标签属性
Android Activity标签属性 Activity 是 Android 系统四大应用组件之一,用户可与 Activity 提供的屏幕进行交互,以执行拨打电话.拍摄照片.发送电子邮件等操作开发者 ...
ECSide标签属性说明之ec
ECSide标签属性说明之<ec:column> <ec:column>标签 ◆ 属性: columnId 描述: 单元格的id,相当于<td>的id属性 ◆ 属 ...
HTML5 Audio/Video 标签,属性,方法,事件汇总（转）
2019独角兽企业重金招聘Python工程师标准>>> <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放c ...
html5 meta标签属性整理
html5 meta标签属性整理前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...
【Groovy】xml 序列化 ( 使用 MarkupBuilder 生成 xml 数据 | 设置 xml 标签内容 | 设置 xml 标签属性 )
文章目录一.使用 MarkupBuilder 生成 xml 数据二.完整代码示例一.使用 MarkupBuilder 生成 xml 数据生成 <student><name c ...
Seleunim 获取文本和标签属性的方法
Seleunim 获取文本和标签属性的方法相关名称说明: driver: 是之前定义的打开浏览器的 "变量名称" .text: 是获取该标签位置的文本 .get_attribut ...
编写windows 控件需要注意的几个标签属性（Attribute)
我们在编程控件(Control)或者是组件(Component)的时候总是要暴露一些属性(Property,不同于Attribute)给用户进行配置,以得到可以变化的功能. mapserver .NE ...
C语言sprintf函数（发送格式化输出到 str 所指向的字符串）（format 标签属性）（字符串拼接）（数字转字符串、浮点数转字符串）
C语言函数 snprintf()(发送有限字符格式化输出到 str 所指向的字符串)(字符串拼接) 文章目录描述声明参数返回值实例 20220124 上面的实例太简陋了,我们拓展一下实例1 ...

kindeditor不过滤标签属性

kindeditor不过滤标签属性相关推荐

最新文章

热门文章