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编辑器的背景颜色？

PLZ

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);
        }
    });

通过jQuery更改TinyMCE背景

2 个答案: