ueditor给选中的内容加样式。加波浪线啊

 

我这里又自定义了一个工具栏。名字是waveline。

具体添加方式参考https://blog.csdn.net/qq_33769914/article/details/84791955

在ueditor.all.js里面添加下面的代码。代表这个按钮的操作功能

UE.commands['waveline'] = {
      execCommand : function( cmdName) {
          var me = this,
             range = me.selection.getRange();
            range.applyInlineStyle("span",{"class":"WAVELINE","style":"background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23333' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E\") repeat-x 0 100%; background-size: 20px auto;"}); 
      }
},

 

重点就是这个applyInlineStyle。可以给选中的内容加上class，style这些属性。

span代表选中的内容用是span标签包住。然后加上class，style这些属性。

 

具体applyInlineStyle的用法参考ueditor的文档https://ueditor.baidu.com/doc/#UE.dom.Range:applyInlineStyle(String,Object)