Zachowaj format HTML podczas przełączania z edytora Visual na HTML


12

Rozglądałem się za rozwiązaniem, które pozwoli mi edytować kod HTML i pozostać po przejściu do edytora Visual i wstecz.

Próbowałem wielu rzeczy bez powodzenia:

  • wtyczka wp-no-format
  • wtyczka Raw HTML
  • wpisując cały mój HTML w jednym wierszu

Gdybym tylko ja zarządzał treścią, wyłączyłbym edytor Visual. Ale ponieważ mam wielu menedżerów treści i stron, na których znajduje się HTML (na przykład formularze) i treści, które muszą edytować, nie ma takiej opcji.

Wszelkie sugestie będą bardzo mile widziane.


próbujesz wyświetlić kod w poście / stronie
xLRDxREVENGEx

Tak, kod HTML jest najczęściej wyświetlany na stronie.
evanmcd

Właśnie dodałem kilka zakreślaczy składni oraz wyniki wyszukiwania
xLRDxREVENGEx

Jedynym rozwiązaniem, które znalazłem, które szanuje kod w widoku HTML i edytora wizualnego, jest rawhtmlpro.com
Sylvain Rayé

Odpowiedzi:


7

Wiem dokładnie, jak się czujesz, i niestety ten problem jest zakorzeniony w kodzie podstawowym wordpress nie w TinyMCE lub z powodu problemów ze zgodnością przeglądarki. Napisałem wtyczkę, która pozwala sformatować znaczniki HTML w edytorze HTML, przełączać się między nią a kartą Visual bez wpływu na kod źródłowy i wprowadzać zmiany na karcie Visual bez naruszania oryginalnego formatowania HTML ...

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

Zachowuje również wcięcia z zakładkami - tylko 4 spacje :( - i poprawia zgodność z HTML5.

Jedyną „pułapką” jest to, że wyłącza wpautop. Cytuję pułapkę, ponieważ niektórzy nienawidzą, że edytor otacza tagi p wokół ich zawartości, w wyniku czego edytor wizualny użyje tagi br do zwrotów karetki - więc może być konieczne dostosowanie arkuszy stylów.

Cieszyć się!


1
Zaktualizowałem wtyczkę o kilka funkcji, które rozwiązują problem braku wpautop. Teraz edytor wizualny można skonfigurować tak, aby wstawiał tagi p lub tagi br lub oba (dwa kolejne znaki nowej linii tworzą tag ap.) I obsługuje wbudowany javascript i css. W wersji 1.5, która wkrótce zostanie wydana, będzie również obsługiwać bloki kodu javascript. Jeśli chcesz, aby Twój znacznik wyglądał tak, jak go napisałeś, zdecydowanie jest to wtyczka do użycia. Nic, co próbowałem, nie jest bliskie.
Marcus Pope

Dziękuję bardzo, jest to jedyne znalezione przeze mnie rozwiązanie, które sprawia, że ​​edytor wizualny (po zapisaniu) nie zmienia HTML.
jackJoe

Dzisiaj jest 2015, a wtyczka ma aktualizację
Ooker

Nadal działa jak urok!
joseantgv


0

Jeśli istnieją tylko te sekcje kodu, których nie chcesz zniekształcać, możesz alternatywnie przechowywać wrażliwy kod HTML / embed / etc w niestandardowych polach.

Korzystając z tej wtyczki shortcode, możesz zawrzeć niestandardowe pola RAW w dowolnym poście, stronie lub nawet widżecie z czymś takim jak: [dołącz „moją niestandardową nazwę pola”]. Może również pobierać wspólne fragmenty z innych postów za pomocą czegoś takiego jak [include global = "shared_code_menu"].

Jest to tania alternatywa i ma ograniczenia, ale jest lekka i prosta.

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



-1

Ok, przejdźmy teraz do odpowiedzi. Chcesz coś takiego?

-Title-
Próbka

-content-
lalalalalalalalalalalala

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

Listę składni Highlighters
- SyntaxHighlighter TinyMCE Buttona
- WP SyntaxHighligter
- RBCODE
- Wynik wyszukiwania z WordPress Extend


Hmm, szczerze mówiąc, nie jestem pewien, co próbujesz osiągnąć dzięki tej odpowiedzi. Czy możesz wyjaśnić coś więcej? Czy rozumiesz naturę problemu, który próbuję rozwiązać?
evanmcd

Zapytałem, czy chcesz pokazać HTML, który powiedziałeś „tak”. Tak właśnie działa wyróżnik składni. Teraz, jeśli nie tego szukasz, przepraszam, ale tak to przeczytałem. Więc próbujesz użyć niestandardowego kodu HTML wewnątrz wpisu, aby zmienić jego wygląd?
xLRDxREVENGEx

Problem, który próbuję rozwiązać: 1) wpisz HTML w widoku HTML. 2) przejdź do widoku projektu. 3) wróć do widoku HTML. HTML został zmodyfikowany, kiedy tego nie chcę.
evanmcd

tak, właśnie zdałem sobie sprawę, że to się zdarza Nigdy nie używam widoku innego niż HTML, więc nigdy nie zdałem sobie z tego sprawy. Nadal próbuję to
rozgryźć
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.