Păstrează formatarea HTML când comutați între editorul Visual și HTML

Question

Păstrează formatarea HTML când comutați între editorul Visual și HTML

13 mai 2011, 06:37:33

Vizualizări: 30.7K

Voturi: 13

Am căutat o soluție care să-mi permită să editez codul HTML și să rămână intact după comutarea la editorul Visual și înapoi.

Am încercat mai multe variante fără succes:

plugin-ul wp-no-format
plugin-ul Raw HTML
introducerea întregului cod HTML pe o singură linie

Dacă aș fi fost singurul care administrează conținutul, aș fi dezactivat editorul Visual. Dar având în vedere că am mai mulți administratori de conținut și pagini care conțin HTML (de exemplu formulare) și conținut pe care aceștia trebuie să-l editeze, această opțiune nu este viabilă.

Orice sugestii vor fi apreciate.

evanmcd

259

html editor vizual formatare

Comentarii

încercați să afișați codul într-un articol/pagină

xLRDxREVENGEx

13 mai 2011 06:49:49

Codul HTML este cel mai frecvent afișat pe o pagină, da.

evanmcd

13 mai 2011 07:05:49

Tocmai am adăugat câțiva evidențiatori de sintaxă plus rezultatele căutării

xLRDxREVENGEx

13 mai 2011 07:35:40

Singura soluție pe care am găsit-o și care respectă codul în vizualizările HTML și Editor Vizual este http://rawhtmlpro.com

Sylvain Rayé

27 mar. 2013 01:40:55

Toate răspunsurile la întrebare

Comentarii

Am actualizat plugin-ul cu câteva funcționalități care rezolvă problema wpautop. Acum editorul vizual poate fi configurat să injecteze tag-uri p sau tag-uri br sau ambele (două linii noi consecutive creează un tag p). Și suportă javascript și css inline. În versiunea 1.5, care va fi lansată în curând, va suporta și blocuri de cod javascript. Dacă doriți ca markup-ul să arate exact cum l-ați scris, acesta este cu siguranță plugin-ul de utilizat. Nimic din ce am încercat nu se apropie.

Marcus Pope

1 sept. 2012 00:51:06

Mulțumesc foarte mult, aceasta este singura soluție pe care am găsit-o care face ca editorul vizual (după salvare) să nu modifice HTML-ul.

jackJoe

22 apr. 2015 14:40:26

Astăzi este 2015, iar plugin-ul are o actualizare

Ooker

9 sept. 2015 07:37:19

Încă funcționează perfect!

joseantgv

20 feb. 2019 16:34:40

Puteți încerca aceste pluginuri:

TinyMCE Advanced are setări pentru a Opri eliminarea tagurilor <p> și <br /> la salvare și pentru a le afișa în editorul HTML

fad.lee

61

20 iul. 2011 08:55:14

Comentarii

@evanmcd A funcționat Stop removing the <p> and <br /> tags…?

sam

2 nov. 2013 21:50:15

Dacă există doar secțiuni de cod pe care nu doriți să le modificați, puteți stoca acel conținut sensibil HTML / embed / etc. în câmpuri personalizate.

Folosind acest plugin pentru shortcode, puteți include câmpurile personalizate RAW în orice articol, pagină sau chiar widget cu ceva de genul: [include "numele câmpului meu personalizat"]. De asemenea, poate extrage fragmente comune din alte articole cu ceva precum [include global="shared_code_menu"].

Este o alternativă simplă și are limitări, dar este ușoară și directă.

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

pp19dd

151

1 nov. 2011 15:41:01

Următorul plugin a funcționat pentru mine.

https://wordpress.org/plugins/embedit-pro/

Rijo

341

3 nov. 2015 11:48:01

Adaugă acest cod în fișierul functions.php

function wp_tiny_mce_sanitize_fix( $init )
{
    $init['extended_valid_elements'] = 'div[*], article[*], span[*], p[*]';
    $init['remove_linebreaks'] = false;
    $init['convert_newlines_to_brs'] = true;
    $init['remove_redundant_brs'] = false;
    return $init;
}
add_filter( 'tiny_mce_before_init', 'wp_tiny_mce_sanitize_fix' );

user205324

1

23 apr. 2021 01:56:49

Bine, hai să mutăm asta într-un răspuns acum. Vrei ceva de genul acesta?

-Titlu-
Postare Exemplu

-conținut-
lalalalalalalalalalalala

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

O listă de evidențiatoare de sintaxă
- Buton SyntaxHighlighter pentru TinyMCE
- WP SyntaxHighligter
- RBCODE
- Rezultatul Căutării din Wordpress Extend

xLRDxREVENGEx

1.2K

13 mai 2011 07:22:08

Comentarii

Hmm, sincer nu sunt sigur ce încerci să transmiți cu acel răspuns. Poți să explici puțin mai mult? Înțelegi natura problemei pe care încerc să o rezolv?

evanmcd

14 mai 2011 15:48:11

Te-am întrebat dacă vrei să afișezi HTML-ul și ai spus da. Deci asta face un syntax highlighter. Dacă nu este ceea ce cauți, atunci îmi pare rău, dar așa am înțeles eu. Deci încerci să folosești HTML personalizat în interiorul unui post pentru a schimba aspectul postului?

xLRDxREVENGEx

14 mai 2011 18:39:09

Problema pe care încerc să o rezolv: 1) introdu HTML în Vederea HTML. 2) treci la Vederea Design. 3) revino la Vederea HTML. HTML-ul a fost modificat când nu vreau să fie.

evanmcd

17 mai 2011 04:28:55

da, tocmai am realizat că se întâmplă asta. Niciodată nu folosesc vizualizarea non-html, așa că nu am observat până acum. Încă încerc să-mi dau seama cum funcționează

xLRDxREVENGEx

17 mai 2011 09:21:31

Marcus Pope 261 · Accepted Answer · 2012-04-13T01:07:54Z

Știu exact cum te simți, și din păcate această problemă este înrădăcinată în codul de bază al WordPress, nu în TinyMCE sau din cauza problemelor de compatibilitate cu browserul. Am creat un plugin care vă permite să formatați markup-ul HTML în editorul HTML, să comutați înainte și înapoi între acesta și fila Vizual fără a afecta codul sursă și să faceți modificări în fila Vizual fără a strica formatarea HTML originală...

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

De asemenea, păstrează indentările cu tab-uri - doar 4 spații :( - și îmbunătățește compatibilitatea cu HTML5.

Singura "capcană" este că dezactivează wpautop. Pun capcană între ghilimele pentru că unii oameni urăsc faptul că editorul înfășoară conținutul lor în tag-uri p, drept urmare editorul Vizual va folosi tag-uri br pentru întoarcerile la rând - așa că poate fi necesar să ajustați fișierele CSS.

Spor la utilizat!