CKEditorで貼り付けインラインスタイルを無効にするにはどうすればよいですか？

Question

CKEditorに貼り付けるときにスタイルの内容を無効にするにはどうすればよいですか？

概要私はDOMPdfで幅のスタイルを修正しようとしていますが、CKEditorに貼り付けられたインラインスタイルはDOMPdfで設定したスタイルを使いこなしています。

ここに投稿された内容を適用しましたhttps://docs.ckeditor.com/#!/guide/dev_disallowed_content

そしてこれまでのところ、ここでは、私は CKEDITOR.config.disallowedContent = "table(width)"しようとしたものの一部だ CKEDITOR.config.disallowedContent = "table[style]"

しかし、私はコピーして、Word文書またはカスタマイズされたHTML文字列、スタイルや幅から貼り付けるときにまだ貼り付けることでしょう。任意のヒント？ありがとう！

Answer 1

まず、widthスタイルをテーブルから削除するには、 CKEDITOR.config.disallowedContent = 'table{width}';を使用する必要があります。

ルールCKEDITOR.config.disallowedContent = "table(width)"がテーブルからwidthクラスを削除し、スタイルは[]で{}で定義されていないので、CKEDITOR.config.disallowedContent = "table[style]"は何もしません。

ここ可コンテンツルールの形式について詳しく読む：https://docs.ckeditor.com/#!/guide/dev_allowed_content_rules

---

しかし、私はコピーして、Word文書またはカスタマイズされたHTML文字列から貼り付けると、 スタイルや幅がまだ貼り付けることでしょう。

Full preset editor sampleを開いて、テキストを太くするか、[スタイル]プルダウンからインラインスタイルを使用してください。 strong、code、big、spanなどのタグが使用されています。あなたのACFのルールは、例えばそのように見える必要があるだろうそれらを禁止するために：

var editor = CKEDITOR.replace('editor1', { 
    disallowedContent : 'span;code;strong;big' 
}); 

上記のルールを完全にCKEditorバージョンでspan、strong、codeとbigタグを無効にすることに注意してください。

• https://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-paste
• https://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-afterPasteFromWord

：あなたはまだだけ貼り付け時にエディタが、フィルタ、コンテンツでこれらのタグを使用したい場合は、入ってくるHTMLを変更するには、ペーストイベントや正規表現を使用する必要があります