2017-06-27 34 views
0

私はckeditorを使用しています。ユーザーが必要とするすべてのインラインスタイルを使用できるようにしたい。CKEDITOR.config.allowedContent true do not working

ただし、私がCKEDITOR.config.allowedContent = true;を使用すると、何も変更されず、styleの名前が[removed]に変更されます。

ここで私が何をしようとしたものです:

config.jsの

CKEDITOR.editorConfig = function(config) { }; 
CKEDITOR.config.allowedContent = true; 

は、私も試してみました:

CKEDITOR.editorConfig = function(config) {  
    CKEDITOR.config.allowedContent = true; 
}; 

私はそれぞれの変更後にキャッシュをクリアし、ありません運。私は

<p style="text-align: center;"><span style="color:#ff0000">this is for test</span></p> 

を入力すると結果は次のようになります。

<p [removed]="color:#ff0000">this is for test</span></p> 

私は多くの記事を読んでいないが、まだ運。助言がありますか?

答えて

0

CKEDITOR.replace('editor1', { 
    extraAllowedContent: 'style;*[id,rel](*){*}' 
}); 

extraAllowedContentがここに要素を可能にCKEditorバージョンで追加のマークアップを有効にする方法についての簡単なサンプルでは、​​すべてのための(角括弧内)は、2つの追加属性を(*ワイルドカードです)、すでに許可要素、ことができますことができますそれらのための任意のクラス名(*)の使用およびスタイルタグ(style type="text/css">...</style>)を可能にするために、任意のインラインスタイル{*}

の使用を可能にする:

config.extraAllowedContent = 'style'; 

任意のクラスとインラインスタイルを許可します。

config.extraAllowedContent = '*(*);*{*}'; 

私はそれがあなたのために働くことを望みます!

+0

あなたの答えのためにTNXが、変化なし。私はckeditorツールバーを使用して、方向とフォントの色のようなインラインCSSを追加します。 – msDead

0
trueに設定 allowedContentプロパティを持つ

使用CKEditorバージョンの設定ファイルconfig.js(したがって、完全にデータのフィルタリングを無効にする):

CKEDITOR.editorConfig = function(config) {  
    config.allowedContent = true; 
}; 
+0

コードを回答としてダンプするのを避け、その動作と理由を説明してください。関連するコーディング経験を持っていない人にとっては、あなたのコードは明らかではないかもしれません。あなたの答えを編集して、[明確化、文脈を含めて、あなたの答えに何らかの制限、前提条件、簡略化について言及しよう。](https://stackoverflow.com/help/how-to-answer) – Frits

+0

あなたの答えに感謝します。それは変化しない。それでも同じ問題 – msDead

+0

'config.allowedContent = true;'のように記述してみましたか?正面に「CKEDITOR」がなければ? – Wizard