web-dev-qa-db-ja.com

TinyMCEは<style>タグを削除しています

TinyMCEで問題に直面しています。 TinyMCEのHTMLエディターにスタイルタグを入力すると、更新をクリックするとタグが削除されます。

<style type="text/css"> 
     .newclasss { color:#c9c9c9; } 
</style>

私の有効な要素は次のとおりです。

<script type="text/javascript">

var valid_elms = "hr[class|width|size|noshade]";
valid_elms    += "span[class|align|style],";
valid_elms    += "font[face|size|color|style],";
valid_elms    += "img[href|src|name|title|onclick|align|alt|title|";
valid_elms    += "width|height|vspace|hspace],";
valid_elms    += "iframe[id|class|width|size|noshade|src|height|";
valid_elms    += "frameborder|border|marginwidth|marginheight|";
valid_elms    += "target|scrolling|allowtransparency],style";

extended_valid_elements: valid_elms
</script>

誰でも助けてくれますか？

csstinymce
46
jyoti

スタイルタグは有効なXHTMLではないため、TinyMCEはタグの外部にスタイルタグを追加する機能を無効にしました。

スタイルタグを 有効な子設定 に追加する必要があります

valid_children : "+body[style]"

編集：このソリューションはバージョン3.4.2に適用されます

ソース

69
Yaz
"hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],img[href|src|name|title|onclick|align|alt|title|width|height|vspace|hspace],iframe[id|class|width|size|noshade|src|height|frameborder|border|marginwidth|marginheight|target|scrolling|allowtransparency],style[type]"

それがあなたのためにどのように機能するか教えてください

7
John

TinyMCEをフルページモードにすると、<head>

<script type="text/javascript">
tinyMCE.init({
        plugins : "fullpage",
});
</script>
2
Erik van Velzen

それは少しハックですが、私はTinyMCE 4を使用していて、ピンチにあったので、TinyMCEエディタの ソースコードに<script>タグを追加しました ビューを使用して jQueryを使用してスタイルを変更します 。

<script>$("#signup").css("font-weight", "bold");</script>

これは、TinyMCEがスクリプトタグを許可しないように設定されており、ページに既に私のようにjQueryが含まれていることを前提としています。そうでない場合は、標準 javascriptを使用してスタイルを変更できます 。

1
Matthew Lock

私にとっては、TinyMCE 4.5.7：

tinyMCE.schema.addValidChildren("body[style]")
0
Walty Yeung