2

Web サイトで bootstrap-wysihtml5 を使用しており、Web サイトのルック アンド フィールに合わせてエディターをカスタマイズする必要があります。たとえば、bootstrap-wysihtml5 エディターは背景が白でテキストが黒ですが、たとえば、背景が赤でテキストが白に変更する必要があります。また、別のフォントを使用したいと思います。

Fiddler を使用して<iframe>、bootstrap-wysihtml5 によって作成された を調べると、 の<body>要素に<iframe>次のstyle定義があることがわかります。

background-color: rgb(255, 255, 255); 
color: rgb(44, 62, 80); 
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 15px; 
...

ここfont-familyで使用される設定は私のbootstrap.cssファイルで定義されているため、 のstyle定義<iframe>はそこから来ていると思いますが、これらを別のものにカスタマイズする方法がわかりません。

<iframe> <body>bootstrap-wysihtml5 イベントで jQuery を介してスタイルを変更しようとしましたloadが、それは機能しますが、エディターをクリックするとすぐにカスタム スタイルがデフォルトのスタイルで上書きされます。

このエディターで独自のカスタム スタイルを実装するにはどうすればよいですか?

ありがとう

4

1 に答える 1

2

wysihtml5 領域を作成するときにオプションを設定することで、独自のスタイルシートを iframe に追加できます。

$('#textarea-id').wysihtml5({
    stylesheets: ['/url/of/stylesheet/to/put/in/iframe']
});
于 2013-12-11T18:01:11.273 に答える