$('.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;');