Erzwinge CKEditor, eine Klasse zu p-Tags hinzuzufügen

8

Ich muss CKEditor konfigurieren, um jedem p-Tag im Inhalt ein class-Attribut hinzuzufügen. Sie können etwas Ähnliches mit config.format_p tun, aber es wird nur das Klassenattribut auf Text anwenden, der als "normal" markiert ist, was nicht Standard ist.

Jeder?

Bearbeiten: Ich benutze die aktuelle Version 3.6.2. Hier sind die relevanten Teile meiner Konfiguration:

%Vor%

Die Option config.format_p wird nur wirksam, wenn der Benutzer im Format-Menü "normal" wählt und config.removeFormatTags nur dann funktioniert, wenn der Benutzer manuell auf die Schaltfläche "clean" klickt. Beide sollten automatisch wie in TinyMCE funktionieren.

    
dwalldorf 20.10.2011, 13:03
quelle

3 Antworten

10

Sie können HTML-Prozessor-Filter

hinzufügen %Vor%

Auch wenn es nicht erforderlich ist, dass es als CSS-Plugin erstellt wird, bevor Sie Inhalte an den Server senden, können Sie mit jQuery den Inhalt ändern

%Vor%

oder, wenn Textarea (Quelle) aktiv ist

%Vor%

Sie sollten ein bisschen .replace(/<p>/gi, "<p class='thiny_p'>") regulärer Ausdruck optimieren, um andere Fälle zu unterstützen.

BEARBEITEN

Endlich Zeit, um den Editor herunterzuladen und auf meiner Box zu installieren, hier funktioniert das Plugin

%Vor%

setze es in plugins/customparagraph/plugin.js Erstellen Sie auch Symbolbild plugins/customparagraph/images/icon.gif

In der Konfiguration müssen Sie folgende Konfigurationsoptionen config.js Ihrer CKEdito-Installation hinzufügen

%Vor%

ODER

in der Seite, die CKEditor lädt

%Vor%

Der Benutzer muss vor dem Speichern

auf die Schaltfläche in der Symbolleiste klicken     
Milan Jaric 02.11.2011, 13:03
quelle
3

Nun ... nicht sicher, ob du das aus einem bestimmten Grund brauchst ... aber wäre das Leben nicht viel einfacher, wenn du das tust, was du am Displayende machen willst?

Wenn ich zum Beispiel einen Text (gespeichert von ckeditor) am Frontend zeige, erscheint in etwas wie

%Vor%

Und alles

%Vor%

-Tags darin können Stile angewendet oder jquery durch die Notation angewendet werden:

%Vor%

ODER

%Vor%     
zarun 02.11.2011 07:49
quelle
-1

Ich hatte genau das gleiche Problem und nach einiger Zeit fand ich endlich eine Ein-Zeilen-Lösung:

%Vor%

Alles was Sie tun müssen, ist diesen Code in config.js zu setzen und es wird funktionieren:)

    
dspacejs 08.05.2015 05:26
quelle

Tags und Links