通过jQuery更改TinyMCE背景

我有一个带有颜色选择器和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

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

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

---

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

---

关闭，但您的代码将更改页面上所有iframe的背景，而不仅仅是编辑器iframe