2012-12-21 25 views
8

Próbowałem już wielu wtyczek, korygując kod HTML za pomocą klawiszy ucieczki, a moja krew zaczyna się gotować. Przełączanie się pomiędzy trybem wizualnym i HTML faktycznie zmienia moją zawartość, czyli ją niszczy !!!Czy możliwe jest wyświetlenie kodu HTML w Wordpress?

+1

'

' działa ładnie na moim miejscu (Dodałem też wyróżnienia składni, aby pozwolić mi zrobić '
...
' –

+0

apsillers: tak masz rację Ale. w WordPressie to w ogóle nie działa –

Odpowiedz

5

OK, zorientowałem się, co robić.

  1. Najpierw przejdź do trybu wizualnego.
  2. Wybierz opcję Preformatted z menu rozwijanego formatowania. Utworzono małe szare pole.
  3. Wewnątrz szarego pola skopiuj i wklej surowy HTML.

Zapisz go i kilka razy przełącz się z widoku graficznego na widok HTML. Nie powinno być żadnego zniekształcania.

Absolutnie niezbędne jest że wklejeniu do karcie wizualnej, zamiast w zakładce tekstowym, albo zostanie on nadziewane się całkowicie (bardzo nieintuicyjne. Można by pomyśleć, że to działa w drugą stronę araound) .

+0

Hmm. To nie działało dla mnie, chociaż byłem, aby być uczciwym, wklejałem w JSX, nie html ... Dla mnie, wklejanie w jsx na zakładce wizualnej i _then_ podświetlanie i wybieranie Preformatted z rozwijanego menu działało poprawnie. – sinewave440hz

3

Wordpress robi dziwną rzecz, gdy przełączając się między trybem wizualnym i "tekstowym" (tryb HTML został zmieniony na 3.5), usuwa wszelkie tagi, które wydają się puste, co często nie musi być. To może być to, czego doświadczasz, jeśli dobrze rozumiem problem.

Jeśli dopiero próbuje wyświetlić kod na swojej stronie powinny być w stanie owinąć kod tak:

<code><p>Example code post</p></code> 

To jest określone w niniejszych wytycznych tutaj: http://codex.wordpress.org/Writing_Code_in_Your_Posts

Jeśli jest blok kodu, który nie musi zawijać można również korzystać z „pre” tag tak:

<pre><code><p>Example code post</p></code></pre> 

ta jest bardzo dobrze opisane tutaj: <code> vs <pre> vs <samp> for inline and block code snippets

+2

Tak, to działa, ale absolutnie RZECZYWISTE, że najpierw wkleiłeś je do zakładki Wizualny, a nie na karcie tekstowej Całkowicie nieintuicyjne ... –

0

Jednym ze sposobów jest skorygowanie kodu. Coś podobnego,

<!--div> 
    <md-divider class="org__meta-divider md-soc-theme"></md-divider> 
    <h4 class="org__meta-heading">Technologies</h4> 
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row"> 
     <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>  
    </ul> 
</div--> 

zamiast

<div> 
    <md-divider class="org__meta-divider md-soc-theme"></md-divider> 
    <h4 class="org__meta-heading">Technologies</h4> 
    <ul layout="" layout-wrap="" class="org__tag-container layout-wrap layout-row"> 
     <li class="organization__tag organization__tag&#45;&#45;technology">web services</li>  
    </ul> 
</div> 
Powiązane problemy