2016-07-02 8 views
9

TinyMCE V4<style>タグを削除しないでください。TinyMCEストリップスタイルタグ

tinymce.init({ 
    selector: 'textarea.tinymce', 
    theme: 'modern', 
    plugins: [ 
     'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker', 
     'searchreplace wordcount visualblocks visualchars code insertdatetime media nonbreaking', 
     'save table contextmenu directionality emoticons template paste textcolor' 
    ], 
    valid_elements: '+*[*]', 
    width: '100%', 
    inline_styles: true, 
    keep_styles: true, 
    extended_valid_elements: '+*[*]', 
    custom_elements: '*', 
    invalid_elements: '', 
    verify_html: false 
    }); 

私は私が有効かどうかをしたい任意のHTMLを追加できるようにしたいです。私はそれがフォークか回避策であれば気にしません。

+0

カーク、私の答えをチェックしましたか? – Dekel

答えて

0

TinyMCEは有効なHTMLタグのみを許可します... <style>タグは文書の<head>に属していますので、<body>にタグを入れると、そのタグは除外されます。

fullpageプラグインを有効にして、<style>タグを<head>タグに追加すると、タグが保持されます。

+1

それは実際に私の全ポイントです。私はそれが有効でないものをしたいです –

+0

@KirkStrobeck - TinyMCEは、あなたがソフトウェアのHTML検証の側面を無効にすることを許可しません。無効なHTMLが見つかった場合は、そのHTMLをクリーンアップするために最善を尽くします。スタイルを保存する必要がある場合は、ヘッドから取り込んでデータベースに格納し、コンテンツ編集中にスタイルを頭に入れてください。また、HTMLドキュメント全体を保存してから後で読み込むこともできます。本当の楽しみはTinyMCEの外でコンテンツをレンダリングしたいときです。コンテンツが期待どおりに見えるようにレンダリングされたページの先頭に関連するスタイルを追加するプロセスが必要です。 –

+1

プラグインがこのカスタマイズを許可しないように感じる –

4

あなたはそのためのTinyMCEのvalid_childrenオプションを使用することができます。

valid_children : '+body[style]', 

チェックthis fiddleを完全例えば。

valid_childrenを使用すると、指定した親要素内に存在する子要素を制御できます。