说明:
span
属性参数为js对象,其中class
为字符串数组,style
为js对象。execute
方法参数: 第一个参数'spanAttr'
为固定值,第二个参数为Object
类型,其中type是操作类型(可以是插入insert
, 多个属性移除remove
,整体属性移除romoveAll
,设置选中内容selection
)。content
为插入的内容。spanAttr
为要操作的属性。isExtendsOther
表示是否继承已有属性,默认true。isCoverClass
表示是否覆盖class属性,默认false。isCoverStyle
是否覆盖style属性,默认false。isCoverCustom
是否覆盖其他属性,默认false。。
1. 内容插入
// 设置要为span元素添加的属性:class ,style,自定属性(data-time),title等。
var spanAttr = { "style": {"color" : "blue"}, "class": ["bind_span_1"],"data-time":"2019-03-19"};
// 插入内容
editor.execute('spanAttr',{ type:'insert', content:'我是新插入得内容', spanAttr: spanAttr , isCoverClass :false});
2. 移除多个属性
// 移除span的属性:class ,style,自定属性(data-time),title等。
var spanAttr = { "style": {"color" : "blue"}, "class": ["bind_span_1"],"data-time":"2019-03-19"};
// 移除属性
editor.execute('spanAttr',{ type:'remove', spanAttr: spanAttr , isCoverClass:false});
3. 移除整体属性
// 移除整体属性
editor.execute('spanAttr',{ type:'removeAll', isCoverClass :false});
4. 设置选中内容
// 设置要为span元素添加的属性:class ,style,自定属性(data-time),title等。
var spanAttr = { "style": {"color" : "blue"}, "class": ["bind_span_1"],"data-time":"2019-03-19"};
// 设置选中内容
editor.execute('spanAttr',{ type:'selection', spanAttr: spanAttr ,isCoverClass:false});
网友评论