說明:
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});