Wie nur mit TinyMCE formatierten Text angezeigt wird 4

Question

Ich habe erfolgreich den vollständigen Editor mit TinyMCE Plugin implementiert, aber ich kann nicht erfolgreich den Inhalt anzeigen, gut formatiert (mit tinyMce CSS) ohne Bearbeitungsmodus.

Beispiel:

**

Hier ist, was ich in der Ausgabe-Modus erstellen:

Ihre

**

e ist, was ich im Anzeigemodus erhalten:

Wie können Sie überhaupt, es ist nicht dasselbe Ergebnis sehen ...

So, wie ich das gleiche außerhalb machen genau das bekommen kann der Editor-Modus?

**

**

Answer 1

Tatsächlich TinyMCE nicht aplpy ​​CSS, wenn Sie es in Ihrem Javascript nicht aktivieren mit tinymce.init

Also habe ich einen kleinen Hack:

Mein HTML:

    <div class="tab-pane active" id="tab1"> 
         <div id="description_content"> 
          <div class="text_description_content"><div class="mce-content-body"> <textarea class="tmpTextArea">{{project.description|raw }} </textarea></div></div> 
         </div> 

         <div id="toAppend" class="mce-content-body"></div> 
        </div> 

Mein JS:

Hoffe, das könnte einem anderen helfen :)

Answer 2

Erraten, dass Sie CSS im Editor verwenden, aber nicht das gleiche (oder überhaupt) CSS, wenn die Inhalte außerhalb des Editors zu machen.

Wenn Sie möchten, dass die Dinge gleich aussehen, müssen Sie das gleiche CSS innerhalb und außerhalb des Editors verwenden.