Có thể hiển thị mã HTML trong Wordpress không?

Question

Tôi đã thử vô số plugin, lồng HTML với các phím thoát và máu của tôi bắt đầu sôi. Chuyển đổi giữa chế độ Visual và HTML thực sự đang thay đổi nội dung của tôi, tức là phá hủy nó !!!

Answer 1

OK, tôi đã biết phải làm gì.

1. Đầu tiên hãy chuyển sang chế độ trực quan.
2. Chọn Định dạng sẵn trong trình đơn thả xuống định dạng. Một hộp màu xám nhỏ được tạo ra.
3. Bên trong hộp màu xám, sao chép và dán HTML thô của bạn.

Lưu và chuyển từ chế độ xem trực quan sang HTML một vài lần. Không nên có xoài.

Đó là hoàn toàn CRUCIAL mà bạn dán vào tab visual, thay vì trong tab văn bản, hoặc nó sẽ được nhồi lên hoàn toàn (rất unintuitive. Bạn sẽ nghĩ rằng nó sẽ làm việc araound cách khác) .

Answer 2

Có lẽ, Bạn nên thử plugin này http://wordpress.org/extend/plugins/insert-html-snippet/

Hope this helps!

Answer 3

Wordpress thực hiện điều lạ khi bạn chuyển đổi giữa chế độ trực quan và "văn bản" (chế độ HTML được đổi tên thành bản cập nhật 3.5), nó sẽ loại bỏ bất kỳ thẻ nào xuất hiện trống mà thường có thể không có. Đây có thể là những gì bạn đang gặp phải nếu tôi hiểu chính xác vấn đề.

Nếu bạn đang cố gắng để hiển thị mã trên trang web của bạn, bạn sẽ có thể quấn mã như thế này:

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

này được đặt ra trong những hướng dẫn ở đây: http://codex.wordpress.org/Writing_Code_in_Your_Posts

Nếu đó là một khối mã mà cần phải không quấn bạn cũng có thể sử dụng "trước khi" tag như vậy:

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

này được mô tả rất tốt ở đây: <code> vs <pre> vs <samp> for inline and block code snippets

Answer 4

Một cách để làm là làm cho mã được nhận xét. Một cái gì đó như thế nào,

<!--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--> 

thay vì

<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>