修改summernote color工具的默认颜色

  $('.note-icon-font').attr('style','background-color:#0094ff;color:#0094ff;');
    $('.note-icon-font').parent().attr('data-backColor','#0094ff');
    $('.note-icon-font').parent().attr('data-foreColor','red');

 效果图

 

解决思路

 

因为没有在官网找到相关文档，

查看一下源代码  summernote.js

 

 

 

这一堆代码是按钮点击事件。关键代码就是高亮下面的，backColor和foreColor的赋值，其实就是通过获取data-backColor和data-foreColor的值。

 

所以设置两个这两个值。。

 $('.note-icon-font').parent().attr('data-backColor','#0094ff');
    $('.note-icon-font').parent().attr('data-foreColor','red');

　　

设置了之后发现改变

但是点击之后，输入文字，字体已经变色。

 

 

 

 

 

经过检查

再设置一个样式就可以了

 

    $('.note-icon-font').attr('style','background-color:#0094ff;color:#0094ff;');