在 Summernote 中设置 textArea 的背景颜色？答案

【问题标题】：Set background color of textArea in Summernote?在 Summernote 中设置 textArea 的背景颜色？
【发布时间】：2017-10-16 01:17:32
【问题描述】：

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

在 Summernote 中是否有现有的方法来执行此操作 - 或针对单个实例的 jquery 方法（我可以轻松访问）。我没有太多使用 jquery，所以这可能是一个非常基本的问题。

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

【问题讨论】：

标签： javascript jquery css summernote

【解决方案1】：

通过使用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
          },

【讨论】：