2017-05-19 5 views
0

html内に埋め込みスタイルを使ってtinymceエディタを修正したい。分離した.cssファイルを使用したくない。エディタの設定にアクセスできません。tinmce.init()はありません。奇妙なことに、スタイルでtinymceエディタにアクセスすることはできません。TinyMCEエディタが埋め込まれているページで内部スタイルシートを使用するには?

<!DOCTYPE html> 
<html> 
<head> 
<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script> 
<style> 
    body#tinymce.mce-content-body { 
     background-color:red !important; 
    } 
</style> 
<script> 
    tinymce.init({ 
     selector: '#mytextarea' 
    }); 
</script> 
</head> 

<body> 
    <h1>TinyMCE Quick Start Guide</h1> 
    <form method="post"> 
     <textarea id="mytextarea">Hello, World!</textarea> 
    </form> 
</body> 
</html> 

答えて

0

TinyMCE設定のcontent_styleオプションを見ましたか?

https://www.tinymce.com/docs/configure/content-appearance/#content_style

また、単に文書の頭の中でのTinyMCEと場所CSSにHTML文書全体を渡すことができます。

+0

ありがとうございましたが、エディタへの設定にアクセスできませんでした。エディタは自動的にライブラリによってhtml内に作成されます。エディタを作成するhtml内のタグのように想像してください。したがって、エディタをスタイルする唯一の方法は、エディタのhtml内にスタイルタグを置くことです。 – n01dea

+0

エディタに挿入するものの頭にスタイルを挿入することができます。このフィドルを見てください:http://fiddle.tinymce.com/DQfaabここで唯一の難しい部分は、HTML文書全体を保存しない限り、CSSはコンテンツと共に保存されません。後でエディターの外でレンダリングするときに、同様のCSS /スタイルをコンテンツで使用できるようにする必要があります。 –

+0

申し訳ありませんが、それは私のために動作しません。あなたは、TinyMCEボディがターゲットとされ、TinyMCEが生成された.html内にと背景色が赤に変わる例を挙げてください。非常に感謝します。 – n01dea