通过jQuery更改TinyMCE背景

我有一个带有colorpicker和TinyMCE编辑器的窗体。用户可以为TinyMCE选择新的背景颜色。如果用户选择了一种颜色，编辑器立即获得新的背景。通过jQuery更改TinyMCE背景

这是我的代码：

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

但没有什么是改变..

我怎样才能改变TinyMCE的编辑器使用jQuery的背景颜色？

Plz

来源

2012-04-12 user1188058

发布html代码也会更好。但在我看来，你只需要在十六进制之前添加'＃'。你的榜样：

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

来源

2012-04-13 00:06:44 kpotehin

如果它不起作用，请张贴html也。 – kpotehin 2012-04-13 00:07:00

关闭，但您的代码将更改页面上所有iframe的背景，而不仅仅是编辑器iframe – Thariama 2012-04-13 07:51:39

kpotehin接近，但用他的代码会修改你的页面上的所有I帧，而不仅仅是编辑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); 
     } 
});

来源

2012-04-13 07:51:02 Thariama

通过jQuery更改TinyMCE背景

回答

相关问题