jquery - 通过 jQuery 更改 TinyMCE 背景

Question

我有一个带有颜色选择器和 TinyMCE 编辑器的表单。用户可以为 TinyMCE 选择新的背景颜色。如果用户选择了一种颜色，编辑器会立即获得新的背景。

这是我的代码：

$(".color-picker").miniColors({
        letterCase: 'uppercase',
        change: function(hex) {
            $("iframe > html").css("background-color", hex);
            $("iframe > body").css("background-color", hex);
        }
    });

但是什么都没有改变。。

如何使用 jQuery 更改 TinyMCE 编辑器的背景颜色？

请

Answer 1

kpotehin 很接近，但使用他的代码将修改页面上的所有 iframe，而不仅仅是要更改背景的编辑器 iframe。使用活动的 tinymce 编辑器和一些编辑器相关功能，您的问题的解决方案是

$(".color-picker").miniColors({
      letterCase: 'uppercase',
      change: function(hex) {
          $(tinymce.activeEditor.getBody()).css("background-color",'#' + hex);
          $(tinymce.activeEditor.getBody().parentNode).css("background-color",'#' + hex);
      }
});

Answer 2

最好也发布html代码。但在我看来，你只需要在十六进制之前添加“#”。你的例子：

$(".color-picker").miniColors({
        letterCase: 'uppercase',
        change: function(hex) {
            $("iframe > html").css("background-color",'#' + hex);
            $("iframe > body").css("background-color",'#' + hex);
        }
    });