通過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背景

回答

相關問題