百度编辑器Ueditor 黑白名单过滤
serialize: 黑白名单配置。UEditor针对进入编辑器的富文本内容提供了节点级别的过滤,可以通过该配置的修改来达到控制富文本内容的目的
黑白名单可以同时使用,也可以单独分开使用。
黑名单中的标签将会被编辑器完整地过滤掉,包括标签本身以及标签之内的任何内容。
而不在白名单之中的那些标签则仅被过滤了标签本身,其内容会继续走过滤流程。
具体的黑白名单配置示例如下所示,其中$表示元素的属性:
serialize : {
//黑名单,编辑器会过滤掉以下标签
blackList:{style:1, link:1,object:1, input:1, meta:1},
//白名单,编辑器会根据此配置保留对应标签下的对应标签或者属性
whiteList:{
'p': {'br':1,'BR':1},
'br':{'$':{}},
'div':{'br':1,'BR':1,'$':{'id':1,'style':1}}
}
}
该配置中,blackList黑名单中不允许编辑器中出现style,link等标签,任何外部粘贴进来的数据如果包含这些节点(包括其子节点),都会被编辑器过滤掉。而白名单中的配置则表示允许对应标签中存在对应的属性或者子节点,以div为例,该配置允许外部粘贴的div标签中包含br节点,且可以允许id属性以及style属性。至于br标签内部允许不允许其他内容,则有br标签对应的配置来决定,如例子所示的话,则br标签不允许任何自己点或者属性存在。
需要说明的是,此处的配置仅针对非纯文本粘贴模式时有效,如用户开启了纯文本模式,则需要手动修改paste.js中对应的黑白名单配置。由于该模式使用较少,所以未对外提供配置项。
在editor_config.js里边搜索blackList,打开注释,使用自定义配置参数覆盖默认值 。
//黑名单,编辑器会过滤掉一下标签
blackList:{style:1, link:1,object:1, applet:1, input:1, meta:1, base:1, button:1, select:1, textarea:1, '#comment':1, 'map':1, 'area':1}
}
百度编辑器Ueditor的黑白名单过滤
-
nuxt如何在其它js文件中使用store
在新建的js文件中想用store里面的数据,比如token想在封装的axios里面,请求头里面去使用,亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。
-
vuex 设置state时的骚操作,批量设置state
vuex,state,批量,vue,react
-
使用postMessage来实现父子通信跨域
1.子向父,子postMessage,父监听message; 2.父向子,父postMessage,子监听message; 3.测试发现,子向父postMessage的时候,源可以写为‘*’,父向子postMessage的时候,源需要写成子的源,(也就是子页面的协议+主机号+端口) 测试代码部分:
-
Object.entries()
Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)
-
xcrun: error: SDK 'iphoneos' cannot be located错误的解决方案
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/
-
You are not allowed to force push code to a protected branch on this project 解决 GitLab:
当我们有时候回滚了代码,想强制push到远程仓库的时候,--force。。。
-
向Rocket.Chat推送消息
如何从后台访问接口,向Rocket.Chat推送消息
-
Android Project 检查依赖库和插件版本
studio依赖 - 如何在Android Studio中显示依赖关系树?
-
kotlinx.android.synthetic.** 用法与总结
可以直接使用layout id 名称获取当前view对象,详细使用如下:
-
Only safe (?.) or non-null asserted (!!.) calls are allowed on a nullable receiver of type Message
1.?:在非空的情况下执行语句,为空时直接返回null 1.!!:表示忽略语言的判空检查,即允许程序报NullPointerException(在kotlin中一般不建议这种写法,除非使用处一定不为空)