tinymceは醜いスタイリング出力を生成しました

Question

私はかなりの時間（単純な設定）のためにtinymceを使用しました。太字、イタリック、リストなどの基本的なスタイリングオプションでスタイルをうまく整えています。しかし、時には、私はユーザーが以下の例のように完全に醜いものになってしまったと思っています。簡単な設定でボタンを参照する基本的なスタイルにスタイリングを制限する方法はありますか？

<p>df</p> 
    <p><!--[if gte mso 9]><xml> <w:WordDocument> 
    <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> 
<w:TrackMoves /> 
    <w:TrackFormatting /> <w:PunctuationKerning /> 
    <w:ValidateAgainstSchemas /> 
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> 
    <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> 
    <w:DoNotPromoteQF /> <w:LidThemeOther>RU</w:LidThemeOther> 
    <w:LidThemeAsian>X-NONE</w:LidThemeAsian> 
    <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables /> <w:SnapToGridInCell /> 
    <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> <w:SplitPgBreakAndParaMark /> <w:DontVertAlignCellWithSp /> <w:DontBreakConstrainedForcedTables /> <w:DontVertAlignInTxbx /> 
    <w:Word11KerningPairs /> <w:CachedColBalance /> 
    </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math" /> <m:brkBin m:val="before" /> 

... 

<w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List" /> 
<w:LsdException Locked="false" Priority="71" SemiHidden="false" 
    UnhideWhenUsed="false" Name="Colorful Shading" /> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List" /> 

Answer 1

これは非常に一般的な問題です。通常、WordからTinyMCEにテキストをコピーしようとするときには、書式設定も引き継がれます。 Word以外の他のアプリケーションからも発生する可能性があります。これらの不要なタグをすべて削除するには、the paste pluginを使用する必要があります。あなたのinit関数のこれらの設定を使用します。

tinyMCE.init({ 
    // ... 
    plugins : "paste", 
    paste_text_sticky : true, 
    setup : function(ed) { 
     ed.onInit.add(function(ed) { 
      ed.pasteAsPlainText = true; 
     }); 
    } 
    // ... 
}); 

あなたはまた、貼り付けたコードにjavascriptのアクションを実行するためにpaste_preprocessおよび/またはpaste_postprocess設定を使用することができます。

ここ

あなたは機能を調整するために使用できるいくつかのより高度な設定です：

plugins : "paste,...", 
paste_use_dialog : false, 
paste_auto_cleanup_on_paste : true, 
paste_convert_headers_to_strong : false, 
paste_strip_class_attributes : "all", 
paste_remove_spans : true, 
paste_remove_styles : true, 
paste_retain_style_properties : "", 

How to make tinymce paste in plain text by default