在Summernote中设置textArea的背景颜色?

时间:2017-05-16 19:42:14

标签: javascript jquery css summernote

我正在将Summernote整合到jdorn json-editor中。我已经完成了所有工作,但我需要能够设置textArea Summernote正在使用的背景颜色。在Summernote中显然没有API可以做到这一点(或者我错过了它)。我有一个使用jquery的“强力”方法(下面),但它改变了页面上每个Summernote的实例。

是否有现成的方法在Summernote中执行此操作 - 或以jquery方式定位单个实例(我可以轻松访问)。我没有太多使用jquery,所以这可能是一个非常基本的问题。

        var newCss = {};
        newCss.backgroundColor = #000000;
        $('.note-editable').css(newCss);

enter image description here

1 个答案:

答案 0 :(得分:0)

通过使用onInit回调事件并深入了解事件目标来访问editable属性(即包含可编辑文本的div)来管理解决此问题。

         onInit: function (e) {
            self.editable = e.editable[0]

            var bgColor = self.jsoneditor.root.getValue().options.default_bg_color;
            self.editable.style.backgroundColor = bgColor
          },