美文网首页
CK5自定义Span使用说明

CK5自定义Span使用说明

作者: 翔子1987 | 来源:发表于2019-03-22 09:32 被阅读0次

    说明:

    1. span属性参数为js对象,其中class 为字符串数组,style 为js对象。
    2. 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});
    
    

    相关文章

      网友评论

          本文标题:CK5自定义Span使用说明

          本文链接:https://www.haomeiwen.com/subject/uowkvqtx.html