0

カラーピッカーと TinyMCE エディターを備えたフォームがあります。ユーザーは、TinyMCE の新しい背景色を選択できます。ユーザーが色を選択した場合、エディターはすぐに新しい背景を取得します。

これは私のコードです:

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

でも何も変わらない..

jQuery で TinyMCE エディタの背景色を変更するにはどうすればよいですか?

お願いします

4

2 に答える 2

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);
      }
});
于 2012-04-13T07:51:02.633 に答える
0

It will be better to post html code too. But it seems to me that you just have to add '#' before hex. Your example:

$(".color-picker").miniColors({
        letterCase: 'uppercase',
        change: function(hex) {
            $("iframe > html").css("background-color",'#' + hex);
            $("iframe > body").css("background-color",'#' + hex);
        }
    });
于 2012-04-13T00:06:44.920 に答える