Behalten Sie das HTML-Format bei, wenn Sie vom visuellen zum HTML-Editor wechseln

12

Ich habe mich nach einer Lösung umgesehen, mit der ich HTML-Code bearbeiten und nach einem Wechsel zum visuellen Editor und zurück beibehalten kann.

Ich habe ein paar Dinge ohne Glück ausprobiert:

  • das wp-no-format plugin
  • das Raw HTML Plugin
  • Eingabe aller meiner HTML in einer Zeile

Wenn nur ich den Inhalt verwalten würde, würde ich den visuellen Editor deaktivieren. Da ich jedoch eine Reihe von Inhaltsmanagern und Seiten habe, auf denen sich HTML (z. B. Formulare) und zu bearbeitende Inhalte befinden, ist dies keine Option.

Vorschläge werden sehr geschätzt.

html visual-editor formatting evanmcd
quelle
versuchen Sie, den Code in einem Beitrag / einer Seite
anzuzeigen
Der HTML-Code wird am häufigsten auf einer Seite angezeigt, ja.
evanmcd
Ich habe gerade ein paar Syntax-Highlighter und die Suchergebnisse hinzugefügt
xLRDxREVENGEx
Die einzige Lösung, die ich in der HTML- und Visual Editor-Ansicht gefunden habe, ist rawhtmlpro.com
Sylvain Rayé

Antworten:

7

Ich weiß genau, wie Sie sich fühlen, und leider liegt dieses Problem am WordPress-Kerncode, nicht an TinyMCE, oder an Kompatibilitätsproblemen mit dem Browser. Ich habe ein Plugin geschrieben, mit dem Sie HTML-Markups im HTML-Editor formatieren, zwischen HTML-Markups und der Registerkarte "Visual" wechseln können, ohne den Quellcode zu beeinflussen.

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

Es werden auch mit Tabulatoren versehene Einrückungen beibehalten - nur 4 Leerzeichen :( - und die HTML5-Kompatibilität verbessert.

Die einzige "Falle" ist, dass wpautop deaktiviert wird. Ich zitiere die Fallstricke, weil einige Leute es hassen, wenn der Editor p-Tags um ihren Inhalt bricht, weshalb der visuelle Editor stattdessen br-Tags für Wagenrückläufe verwendet - daher müssen Sie möglicherweise Ihre Stylesheets anpassen.

Genießen!

Marcus Pope
quelle
1
Ich habe das Plugin mit ein paar Funktionen aktualisiert, die das Problem von no wpautop lösen. Jetzt kann der visuelle Editor so konfiguriert werden, dass er p-Tags oder br-Tags oder beides einfügt (zwei aufeinanderfolgende Zeilenumbrüche erzeugen ein ap-Tag). Außerdem werden Inline-Javascript und CSS unterstützt. In Version 1.5, die in Kürze veröffentlicht wird, werden auch Javascript-Codeblöcke unterstützt. Wenn Sie möchten, dass Ihr Markup so aussieht, wie Sie es geschrieben haben, ist es definitiv das zu verwendende Plugin. Nichts, was ich versucht habe, kommt dem nahe.
Marcus Pope
Vielen Dank, dies ist die einzige Lösung, die ich gefunden habe, damit der visuelle Editor (nach dem Speichern) den HTML-Code nicht ändert.
JackJoe
Heute ist 2015 und das Plugin hat ein Update
Ooker
Funktioniert immer noch wie ein Zauber!
Joseantgv
0

Wenn es nur Codeabschnitte gibt, die nicht entstellt werden sollen, können Sie dieses vertrauliche HTML / embed / etc alternativ in benutzerdefinierten Feldern speichern.

Mit diesem Shortcode-Plugin können Sie die benutzerdefinierten RAW-Felder in jeden Beitrag, jede Seite oder sogar in jedes Widget einfügen. Es kann auch allgemeine Snippets von anderen Posts mit etwas wie [include global = "shared_code_menu"] abrufen.

Es ist eine billige Alternative und hat Einschränkungen, aber es ist leicht und unkompliziert.

http://pp19dd.com/wordpress-plugin-include-custom-field/

pp19dd
quelle
-1

Ok, also lassen Sie uns dies jetzt auf eine Antwort verschieben. Willst du so etwas?

-Titel-
Beispielbeitrag

-inhalt-
lalalalalalalalalalalala

<div><a href="blah.com">Blah</a></div>

Eine Liste der Syntaxmarker
- SyntaxHighlighter TinyMCE Button
- WP SyntaxHighligter
- RBCODE
- Das Suchergebnis von Wordpress Extend

xLRDxREVENGEx
quelle
Hmm, ehrlich gesagt nicht sicher, was Sie mit dieser Antwort vermitteln wollen. Kannst du etwas mehr erklären? Verstehst du die Art des Problems, das ich zu lösen versuche?
evanmcd
Ich fragte, ob Sie das HTML zeigen wollten, das Sie ja sagten. Das ist es also, was ein Syntax-Textmarker tut. Nun, wenn das nicht das ist, wonach Sie suchen, dann tut mir leid, aber so habe ich es gelesen. Versuchen Sie also, benutzerdefinierte HTML-Dateien in einem Beitrag zu verwenden, um das Erscheinungsbild des Beitrags zu ändern?
xLRDxREVENGEx
Das Problem, das ich lösen möchte: 1) Geben Sie HTML in die HTML-Ansicht ein. 2) Wechseln Sie in die Entwurfsansicht. 3) Wechseln Sie zurück in die HTML-Ansicht. HTML wurde geändert, wenn ich es nicht möchte.
evanmcd
Ja, ich habe gerade gemerkt, dass es passiert, dass ich nie die Nicht-HTML-Ansicht verwende, also habe ich das nie gemerkt. Ich versuche immer noch, es herauszufinden
xLRDxREVENGEx