エディタなしでckeditor htmlをレンダリングする

Question

私はHTMLコンテンツを編集するためのCKEditorコントロールを持っています。編集が終了すると、ckeditorは非表示になり、htmlはdivにレンダリングされます。ユーザーがHTMLを編集できるかどうかによって、ckeditorが使用可能かどうかが決まります。

私のウェブページのCSSはレンダリングされたHTMLに適用されるという問題があります。私はckeditorで編集したときと同じように、私のdivのhtmlを同じスタイルにします。反対ではない（私は自分のスタイルをckeditorに適用したくない）。

誰かが私を助けることができますか？

編集： 働くことができるもののように見えるだけの事はCKEditorバージョンフォルダ内that

Answer 1

である、あなたはcontents.cssを見つけることができます。 CKEditorと同じスタイルを使用することができます。

1. ウェブページにcontents.cssをロードします。
2. はラップ<div> 外CKEditorバージョンのHTMLデータを作成し、それをcontents.cssの CSSルールを使用する.cke_editableのクラスを与えます。
3. のcontents.cssのCSSルールを上書きしないように注意してください。

EDIT：別の解決策は、次のようになります。

1. 別にそれを使用するように、contents.cssのコピーを作成します。
2. bodyルールのすべてを.cke_editableルール（それを既存の.cke_editableルールの上に置く）に移動し、bodyセクションを削除します。
3. .cke_editableの他の規則の前に接頭辞を付けると、内容だけで動作するようになるため、は.cke_editable blockquoteになります。
4. あなたのウェブページのbodyのmarginを考慮に入れて、から20pxまでの余白設定を調整します（例：10px）。