Làm thế nào để hiển thị mã html thô trong PRE hoặc một cái gì đó như nó nhưng không thoát nó

 <PRE> this is a test &ltDIV&gt </PRE>

Tuy nhiên, tôi không muốn làm điều này. Tôi muốn một cách để giữ mã HTML như vậy (vì nó dễ đọc hơn, (bên trong trình soạn thảo) và tôi có thể muốn sao chép nó và sử dụng nó một lần nữa như là mã HTML thực, và không muốn phải thay đổi nó một lần nữa hoặc có 2 phiên bản của cùng một mã thoát và một không được thoát).

Có môi trường nào khác "thô" hơn PRE có thể cho phép điều này không? Vì vậy, người ta không phải tiếp tục chỉnh sửa HTML và thay đổi mọi thứ mỗi khi họ muốn hiển thị một số mã HTML thô, có thể là HTML5?

Something như <REALLY_REALLY_VERBATIM> ...... </<REALLY_REALLY_VERBATIM>

màn bắn

Giải pháp javascript không hoạt động trên FF 21, đây là màn bắn enter image description here

màn bắn 2

Đầu tiên giải pháp vẫn không hoạt động trên firefox, đây là ảnh chụp màn hình enter image description here

Nguồn

2013-05-28 Robert H

Tôi là người duy nhất nghĩ rằng nó đáng kinh ngạc mà chúng ta cần để được như vậy hacky chỉ để thực hiện một nhiệm vụ phổ biến như hiện mã? Tôi thực sự nghĩ rằng một giải pháp cho vấn đề này nên được giải quyết sớm hơn các thẻ HTML mới, sắp tới nhưng không hữu ích. – Nobita

Bạn có thể sử dụng phần tử xmp, xem What was the <XMP> tag used for?. Nó đã được trong HTML kể từ đầu và được hỗ trợ bởi tất cả các trình duyệt. Các thông số kỹ thuật được hiển thị, nhưng HTML5 CR vẫn mô tả nó và yêu cầu các trình duyệt hỗ trợ nó (mặc dù nó cũng cho các tác giả không sử dụng nó, nhưng nó thực sự không thể ngăn cản bạn).

Mọi thứ bên trong xmp được lấy như vậy, không có đánh dấu (thẻ hoặc tham chiếu ký tự) ở đó, ngoại trừ, vì lý do rõ ràng, thẻ kết thúc của chính phần tử, </xmp>.

Nếu không xmp được hiển thị như pre.

Khi sử dụng "XHTML thực", nghĩa là XHTML được phân phối với loại phương tiện XML (hiếm khi), quy tắc phân tích cú pháp đặc biệt không áp dụng, vì vậy, xmp được coi là pre. Nhưng trong "XHTML thực", bạn có thể sử dụng phần CDATA, điều này ngụ ý các quy tắc phân tích cú pháp tương tự. Nó không có định dạng đặc biệt, vì vậy bạn có lẽ sẽ muốn quấn nó trong một yếu tố pre:

<pre><![CDATA[ 
This is a demo, tags like <p> will 
appear literally. 
]]></pre>

tôi không thấy làm thế nào bạn có thể kết hợp xmp và phần CDATA để đạt được cái gọi là nhiều thứ tiếng đánh dấu

Nguồn

2013-05-28 07:17:37

+1 tuyệt vời! Bạn có biết nếu điều này '

' cũng được hỗ trợ trong polyglot vv? Ngoài ra, có phiên bản (x) (ht) ml trong đó '<! [CDATA [<tag> bla & bla</tag>]]>' có thể được sử dụng không? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/588079/">GitaarLAB</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@GitaarLAB, các câu hỏi hay, tôi sẽ mở rộng câu trả lời của mình. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+3</span></div> <div class="col-lg-11"> <p class="commenttext">xmp là một thẻ lỗi thời. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2474330/">jlguenego</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">21<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Về cơ bản câu hỏi ban đầu có thể được chia làm 2 phần:</p> <ul> <li>Mục tiêu chính/thách thức: nhúng (/ vận chuyển) một định dạng thô mã đoạn (bất kỳ loại mã) trong đánh dấu trang web (để sao chép/dán/chỉnh sửa đơn giản do không có mã vạch /thoát)</li> <li>hiển thị chính xác/hiển thị đoạn mã đó (có thể chỉnh sửa) trong trình duyệt </li> </ul> <p>Ngắn <em>(nhưng) mơ hồ</em> Câu trả lời là: <strong>bạn không thể</strong>, <em>... nhưng bạn có thể (nhận được rất gần).</em><br> (Tôi biết, đó là 3 mâu thuẫn với câu trả lời, vì vậy hãy đọc tiếp ...)</p> <p>(nhiều thứ tiếng) (x) (ht) ml Markup-ngôn ngữ dựa trên gói (gần như) tất cả mọi thứ giữa bắt đầu/mở và kết thúc/đóng thẻ/ký tự (chuỗi). <br> Vì vậy, để nhúng <em>bất kỳ</em> loại mã/đoạn thô nào bên trong ngôn ngữ đánh dấu của bạn, người ta sẽ luôn phải thoát/mã hóa mọi phiên bản (bên trong đoạn mã đó) giống với ký tự (hậu quả) sẽ đóng gói phần tử container trong đánh dấu. (<em>Trong bài này tôi sẽ đề cập đến điều này như <strong>quy tắc không có 1</strong></em>.) <br> Hãy suy nghĩ về <code class="prettyprint-override">"some "data" here"</code> hoặc <code class="prettyprint-override"><i>..close italics with '</i>'-tag</i></code>, nơi mà nó là một rõ ràng nên thoát/mã hóa (cái gì đó trong) <code class="prettyprint-override"></i</code> và <code class="prettyprint-override">"</code> (hoặc quote- thay đổi container ký tự từ <code class="prettyprint-override">"</code> đến <code class="prettyprint-override">'</code>).</p> <p>Vì vậy, vì quy tắc số 1, <strong><em>bạn không thể</em></strong><em> 'chỉ' nhúng 'bất kỳ' đoạn mã thô không xác định bên trong đánh dấu.</em><br> Vì, nếu người dùng phải thoát/mã hóa <em>ngay cả một ký tự</em> bên trong đoạn mã thô, thì đoạn mã đó sẽ không còn là 'mã nguyên thuần túy' gốc mà bất kỳ ai cũng có thể sao chép/dán/chỉnh sửa trong đánh dấu tài liệu <em>mà không cần suy nghĩ thêm</em>. Nó sẽ dẫn đến đánh dấu bất hợp pháp/bất hợp pháp và <a href="http://en.wikipedia.org/wiki/Mojibake" rel="noreferrer">Mojibake</a> (chủ yếu) vì các thực thể. <br> Ngoài ra, <em>nên</em> rằng đoạn mã chứa các ký tự như vậy, bạn muốn <em>vẫn</em> cần một số javascript để 'dịch' rằng ký tự (sequence) từ (và) nó thoát/mã hóa đại diện để hiển thị các đoạn mã <em>đúng</em> trong 'trang web' (để sao chép/dán/chỉnh sửa).</p> <p>Điều đó đưa chúng ta đến (một số) các kiểu dữ liệu mà ngôn ngữ đánh dấu chỉ định. Những kiểu dữ liệu cơ bản xác định những gì được coi là nhân vật có giá trị và ý nghĩa của chúng (mỗi thẻ, tài sản, vv):</p> <ul> <li><p><code class="prettyprint-override">PCDATA</code> (phân tích phân Character DATA): sẽ mở rộng thực thể và một người phải thoát <code class="prettyprint-override"><</code>, <code class="prettyprint-override">&</code> (và <code class="prettyprint-override">></code> tùy thuộc vào ngôn ngữ/phiên bản đánh dấu). <br> Hầu hết các thẻ như <code class="prettyprint-override">body</code>, <code class="prettyprint-override">div</code>, <code class="prettyprint-override">pre</code>, v.v ... nhưng cũng <code class="prettyprint-override">textarea</code> (cho đến khi HTML5) thuộc loại này. <br> Vì vậy, không chỉ bạn cần mã hóa tất cả các ký tự đóng của dãy chứa bên trong đoạn mã, bạn cũng phải mã hóa tất cả các ký tự <code class="prettyprint-override"><</code>, <code class="prettyprint-override">&</code> (, <code class="prettyprint-override">></code>) (tối thiểu). <br> Không cần phải nói, mã hóa/thoát nhiều ký tự này nằm ngoài phạm vi mục tiêu của việc nhúng đoạn trích thô vào đánh dấu. <br> '..nhưng một textarea dường như làm việc ...', vâng, hoặc vì các trình duyệt lỗi động cơ cố gắng để làm một cái gì đó ra khỏi nó, hoặc bởi vì HTML5:</p></li> <li><p><code class="prettyprint-override">RCDATA</code> (có thể thay thế nhân vật DỮ LIỆU) : sẽ không xử lý các thẻ bên trong văn bản dưới dạng đánh dấu (nhưng vẫn được điều chỉnh theo quy tắc 1), vì vậy, không cần phải mã hóa <code class="prettyprint-override"><</code> (<code class="prettyprint-override">></code>). Các thực thể NHƯNG vẫn được mở rộng, vì vậy chúng và 'mơ hồ ký hiệu' (<code class="prettyprint-override">&</code>) cần được chăm sóc đặc biệt. <br> Các <em>hiện</em><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#cdata-rcdata-restrictions" rel="noreferrer">HTML5 spec says the textarea is now a <code class="prettyprint-override">RCDATA</code> field</a> và (quote):</p> <blockquote> <p>Các văn bản trong <code class="prettyprint-override">raw text</code> và <code class="prettyprint-override">RCDATA</code> yếu tố <strong>phải không</strong> chứa bất kỳ lần xuất hiện của chuỗi <code class="prettyprint-override">"</"</code> (U + 003C ít hơn SIGN, U + 002F gạch chéo ở cuối) theo sau là các ký tự phân biệt chữ hoa với tên thẻ là thành phần được theo sau bởi một trong U + 0009 TÍNH NĂNG (tab), U + 000A DÒNG DÒNG (LF), U + 000C MẪU THỨC ĂN (FF), U + TRẢ LẠI TRẢ LÃI 000D (CR), U + 0020 SPACE, U + 003E G ĐĂNG NHẬP ĐĂNG KÝ (>), hoặc U + 002F SOLIDUS (/).</p> </blockquote> <p>Như vậy không có vấn đề gì, textarea cần một handler dịch thực thể khổng lồ hoặc nó <em>sẽ</em> cuối cùng Mojibake trên thực thể!</p></li> <li><p><code class="prettyprint-override">CDATA</code> (Character Data) <strong>sẽ không đối xử với thẻ bên trong văn bản như đánh dấu và sẽ không mở rộng các đối tượng</strong>. <br> Vì vậy, miễn là đoạn mã thô không vi phạm quy tắc 1 (không thể có ký tự đóng thùng chứa (chuỗi) bên trong đoạn mã), yêu cầu <em>không khác</em> thoát/mã hóa.</p></li> </ul> <p>Rõ ràng <em>này nắm để: làm thế nào chúng ta có thể <strong>giảm thiểu</strong> số ký tự/ký tự chuỗi rằng vẫn cần phải được mã hóa trong nguồn nguyên liệu của đoạn</em> và số lần mà ký tự (sequence) có thể xuất hiện trong một đoạn mã trung bình; cái gì đó cũng quan trọng đối với javascript xử lý bản dịch của các ký tự này (nếu chúng xảy ra).</p> <p>Vậy 'vùng chứa' có ngữ cảnh <code class="prettyprint-override">CDATA</code> này là gì?</p> <p>Hầu hết các thuộc tính giá trị của thẻ là CDATA, vì vậy một <em>có thể</em> (ab) sử dụng thuộc tính giá trị của đầu vào bị ẩn (<a href="http://jsfiddle.net/eaKqw/" rel="noreferrer">proof of concept jsfiddle here</a>). <br> Tuy nhiên (tuân thủ quy tắc 1) điều này tạo ra sự cố mã hóa/thoát với dấu ngoặc kép (<code class="prettyprint-override">"</code> và <code class="prettyprint-override">'</code>) trong đoạn thô và một số javascript cần có/dịch và đặt đoạn mã trong phần tử (hiển thị) khác (hoặc chỉ cần cài đặt) nó như là giá trị của vùng văn bản). Bằng cách nào đó điều này đã cho tôi vấn đề với các thực thể trong FF (giống như trong một textarea). Nhưng nó không thực sự quan trọng, vì 'giá' của việc phải thoát/mã hóa các trích dẫn lồng nhau cao hơn một textarea (HTML5) (dấu ngoặc kép khá phổ biến trong mã nguồn ..).</p> <p>Điều gì về việc cố gắng sử dụng (ab) <code class="prettyprint-override"><![CDATA[<tag>bla & bla</tag>]]></code>? <br> Như Jukka chỉ ra trong câu trả lời mở rộng của mình, điều này sẽ chỉ làm việc trong (hiếm) 'xhtml thực'. <br> Tôi đã nghĩ đến việc sử dụng thẻ tập lệnh (có hoặc không có trình bao bọc CDATA bên trong thẻ-script) cùng với nhận xét nhiều dòng <code class="prettyprint-override">/* */</code> kết thúc tốt đoạn mã thô (thẻ tập lệnh có thể có <code class="prettyprint-override">id</code> và bạn có thể truy cập chúng bằng cách đếm). Nhưng vì điều này rõ ràng là giới thiệu một vấn đề thoát với <code class="prettyprint-override">*/</code>, <code class="prettyprint-override">]]></code> và <code class="prettyprint-override"></script</code> trong đoạn mã thô, <em>, điều này dường như không phải là giải pháp hoặc là</em>.</p> <p><em>Vui lòng đăng các 'thùng chứa' khả thi khác trong các nhận xét cho câu trả lời này.</em></p> <p>Nhân tiện, mã hóa hoặc đếm số lượng <code class="prettyprint-override">-</code> ký tự và cân bằng chúng trong thẻ nhận xét <code class="prettyprint-override"></code> chỉ là điên cho mục đích này (ngoài quy tắc 1).</p> <hr> <p>Điều này khiến chúng tôi với <a href="https://stackoverflow.com/a/16785992/588079">Jukka K. Korpela's excellent answer</a>: <strong>thẻ <code class="prettyprint-override"><xmp></code> dường như lựa chọn tốt nhất!</strong></p> <p>'Đã quên' <code class="prettyprint-override"><xmp></code> giữ <code class="prettyprint-override">CDATA</code>, dành cho mục đích này VÀ thực sự vẫn là <a href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.5.2.1" rel="noreferrer">in the <em>current</em> HTML 5 spec</a> (và ít nhất là từ HTML3.2); chính xác những gì chúng ta cần! Nó cũng được hỗ trợ rộng rãi, ngay cả trong IE6 (đó là .. cho đến khi nó bị suy thoái tương tự như bảng di chuyển cơ thể). <br> Lưu ý: như Jukka chỉ ra, điều này sẽ không hoạt động đúng xhtml hoặc polyglot (sẽ coi nó là <code class="prettyprint-override">pre</code>) và thẻ <code class="prettyprint-override">xmp</code> vẫn phải tuân thủ quy tắc số 1. Nhưng đó là quy tắc 'duy nhất'.</p> <p>Hãy xem xét các đánh dấu sau:</p> <pre><code class="prettyprint-override"> <xmp id="snippet-container"> <div> <div>this is an example div &amp; holds an xmp tag:<br /> <xmp> <html><head>  <title>My Title</title> </head><body> <p>hello world !!</p> </body></html> &lt;/xmp>  </div> This line is also part of the snippet </div> </xmp> </code></pre> <p>Các codeblok trên minh họa một mảnh liệu đánh dấu nơi <code class="prettyprint-override"><xmp id="snippet-container"></code> chứa (gần như thô) Mã-đoạn (chứa <code class="prettyprint-override">div>div>xmp>html-document</code>). <br> Thông báo thẻ đóng được mã hóa trong đánh dấu này? Để tuân thủ quy tắc số 1, điều này đã được mã hóa/thoát).</p> <p>Vì vậy, việc nhúng/vận chuyển mã (đôi khi gần như) đã được giải quyết.</p> <p>Điều gì về hiển thị/hiển thị đoạn mã (và được mã hóa <code class="prettyprint-override">&lt;/xmp></code>)?</p> <p>Trình duyệt sẽ (hoặc cần) làm cho đoạn mã (các nội dung bên trong <code class="prettyprint-override">snippet-container</code>) <em>chính xác</em> theo cách bạn nhìn thấy nó trong codeblock trên (với một số sự khác biệt giữa các trình duyệt hay không đoạn bắt đầu với một dòng trống) . <br> Đó <em>bao gồm</em> định dạng/thụt đầu dòng, các thực thể (như chuỗi <code class="prettyprint-override">&amp;</code>), đầy đủ thẻ, bình luận <em>VÀ thẻ đóng mã hóa <code class="prettyprint-override">&lt;/xmp></code> (giống như nó đã được mã hóa trong đánh dấu)</em>. Và tùy thuộc vào trình duyệt (phiên bản) người ta thậm chí có thể thử sử dụng thuộc tính <code class="prettyprint-override">contenteditable="true"</code> để chỉnh sửa đoạn mã này (tất cả những gì không bật javascript). Làm một việc như <code class="prettyprint-override">textarea.value=xmp.innerHTML</code> cũng dễ dàng.</p> <p><strong>Vì vậy, bạn có thể</strong> ... <em>nếu</em> đoạn mã không chứa chuỗi ký tự đóng thùng chứa.</p> <p><strong>Tuy nhiên</strong>, <em>nên</em> một đoạn thô chứa đóng nhân vật-tự <code class="prettyprint-override"></xmp</code> (vì nó là một ví dụ về bản thân XMP hoặc nó có chứa một số regex, vv), bạn phải chấp nhận rằng bạn có để mã hóa/thoát mà trong đoạn mã thô VÀ cần trình xử lý javascript để dịch mã hóa đó để hiển thị/hiển thị mã hóa <code class="prettyprint-override">&lt;/xmp></code> như <code class="prettyprint-override"></xmp></code> bên trong một <code class="prettyprint-override">textarea</code> (để chỉnh sửa/đăng) hoặc (ví dụ) <code class="prettyprint-override">pre</code> chỉ để hiển thị chính xác mã của đoạn mã (hoặc vì vậy có vẻ).</p> <p>Rất thô sơ <a href="http://jsfiddle.net/M7WuK/" rel="noreferrer">jsfiddle example of this here</a>. Lưu ý rằng việc nhận/nhúng/hiển thị/truy xuất-văn bản làm việc hoàn hảo ngay cả trong IE6. Nhưng thiết lập <code class="prettyprint-override">innerHTML</code> của đã tiết lộ một số hành vi 'thông minh' thú vị trên phần của IE. Có một lưu ý rộng rãi hơn và cách giải quyết khác về điều đó trong fiddle.</p> <p>Nhưng bây giờ đến <strong>kicker quan trọng</strong> (một lý do tại sao <strong>bạn chỉ nhận được rất gần</strong>): Cũng như một ví dụ quá đơn giản, hãy tưởng tượng này <em>thỏ lỗ</em>:</p> <p>Dành số- liệu snippet:</p> <pre><code class="prettyprint-override"> <xmp> <p>a paragraph</p> </xmp> </code></pre> <p>Vâng, để tuân thủ quy tắc 1, chúng tôi chỉ cần mã hóa các chuỗi <code class="prettyprint-override"></xmp[> \n\r\t\f\/]</code> này, đúng không?</p> <p>Vì vậy mà cho chúng ta đánh dấu sau (chỉ sử dụng một mã hóa có thể):</p> <pre><code class="prettyprint-override"><xmp id="container">  <xmp> <p>a paragraph</p> &lt;/xmp> </xmp> </code></pre> <p>Hmm .. ngươi sẽ tôi nhận được quả cầu pha lê của tôi hay lật một đồng xu? Không, hãy để máy tính nhìn vào đồng hồ hệ thống của nó và nói rằng một số có nguồn gốc là 'ngẫu nhiên'. Vâng, đó là nên làm điều đó ..</p> <p>Sử dụng một regex <em>như</em>: <code class="prettyprint-override">xmp.innerHTML.replace(/&lt;(?=\/xmp[> \n\r\t\f\/])/gi, '<');</code>, sẽ dịch 'trở lại' như thế này:</p> <pre><code class="prettyprint-override"> <xmp> <p>a paragraph</p> </xmp> </code></pre> <p>Hmm .. dường như phát ngẫu nhiên này bị phá vỡ ... Houston. .? <br> Nếu bạn đã bỏ lỡ trò đùa/vấn đề, hãy đọc lại bắt đầu từ 'đoạn mã thô dự định'.</p> <p>Chờ, tôi biết, chúng tôi (cũng cần phải mã hóa .... thành .... <br> Ok, quay lại 'dự định đoạn mã thô' và đọc lại. <br> Bằng cách nào đó tất cả điều này bắt đầu có mùi như <a href="https://stackoverflow.com/a/1732454/588079">the famous hilarious-but-true rexgex-answer on SO</a>, đọc tốt cho những người thông thạo mojibake.</p> <p>Có thể ai đó biết thuật toán thông minh hoặc giải pháp để khắc phục sự cố này, nhưng tôi giả định rằng mã thô được nhúng sẽ càng ngày càng mơ hồ đến mức bạn nên thoát/mã hóa đúng cách <code class="prettyprint-override"><</code>, <code class="prettyprint-override">&</code> của mình (và <code class="prettyprint-override">></code>), giống như phần còn lại của thế giới.</p> <p><strong>Kết luận:</strong> (sử dụng <code class="prettyprint-override">xmp</code> tag)</p> <ul> <li>nó có thể được thực hiện với đoạn được biết đến mà không chứa bế mạc ký tự chuỗi của container,</li> <li>chúng tôi có thể nhận được rất gần với mục tiêu ban đầu với các đoạn trích đã biết chỉ sử dụng 'thoát'/mã hóa 'cấp cơ bản' để chúng tôi không rơi vào rabbithole,</li> <li>nhưng <em>cuối cùng là</em> có vẻ như không thể thực hiện điều này một cách đáng tin cậy trong 'môi trường sản xuất' mọi người có thể/nên sao chép/dán/chỉnh sửa các đoạn trích thô 'không xác định' trong khi không biết/hiểu các hàm ý/quy tắc/rabbithole (tùy thuộc vào việc bạn thực hiện xử lý/dịch cho quy tắc 1 và lỗ thỏ).</li> </ul> <p>Hy vọng điều này sẽ hữu ích!</p> <p>PS: Trong khi tôi đánh giá cao nếu bạn thấy giải thích này hữu ích, tôi nghĩ câu trả lời của Jukka phải là câu trả lời được chấp nhận (không nên lựa chọn/trả lời tốt hơn), vì anh ấy là người nhớ thẻ xmp (mà tôi đã quên mất trong những năm qua và bị 'phân tâm' bởi các phần tử PCDATA thường được ủng hộ như <code class="prettyprint-override">pre</code>, <code class="prettyprint-override">textarea</code>, v.v.). Câu trả lời này bắt nguồn từ việc giải thích lý do tại sao bạn không thể làm điều đó (với bất kỳ đoạn trích không xác định nào) và giải thích một số cạm bẫy rõ ràng mà một số câu trả lời khác (bị xóa) bị bỏ qua khi tư vấn cho văn bản nhúng/truyền tải. Tôi đã mở rộng lời giải thích hiện tại của mình để hỗ trợ và giải thích thêm về câu trả lời của Jukka (vì tất cả thực thể đó và CDATA đều khó hơn các trang mã).</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/16784925">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-05-28 06:04:57</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/588079/">GitaarLAB</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Những gì bạn viết là rất đúng và theo spec, nhưng vào cuối ngày OP là sau một giải pháp mà sẽ cho phép anh ta sao chép văn bản ra khỏi một phần tử và sử dụng nó một lần nữa. Tôi đã thử nghiệm trên Chrome, Firefox và IE, đưa tất cả các ký tự đặc biệt mà bạn đề cập vào nguồn HTML bên trong vùng văn bản và nó không muốn phá vỡ. Khi tôi sao chép giá trị ra khỏi vùng văn bản, nó luôn chính xác là những gì đã có trong nguồn HTML ban đầu. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">Tôi đã giải thích câu hỏi gốc là: 'cách có đoạn mã thô được định dạng bên trong một phần tử bên trong một nguồn html hợp lệ' (bạn cũng bắt đầu câu trả lời bằng: '<textarea readonly> <REALLY_REALLY_VERBATIM> ..... .</ <REALLY_REALLY_VERBATIM> </textarea> '). Ngay cả khi không có sự hạn chế đó (vì vậy nó không quan trọng như thế nào (đúng) nguồn thô được đưa vào một phần tử) người ta vẫn cần một thói quen thoát, nếu chỉ để bảo vệ chống lại '</textarea[ > /]' (điều này khá rõ ràng khi bạn nghĩ về điều đó) ví dụ. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/588079/">GitaarLAB</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">PS: Tôi đang xem xét '<! [CDATA [<tag> bla & bla</tag>]]>', nhưng hiện tại tôi không chắc chắn về các quy tắc chính xác trên các ngôn ngữ đánh dấu (html, xhtml, xml, polyglot, v.v.) và phương pháp phục vụ. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/588079/">GitaarLAB</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Nếu bạn đã bật jQuery, bạn có thể sử dụng hàm escapeXml và không phải lo lắng về các mũi tên thoát hoặc các ký tự đặc biệt.</p> <pre><code class="prettyprint-override"><pre> ${fn:escapeXml('  ')}; </pre> </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/27536680">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2014-12-17 23:22:51</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2526710/">PanicBus</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">4<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <pre><code class="prettyprint-override">echo '<pre>' . htmlspecialchars("<div><b>raw HTML</b></div>") . '</pre>'; </code></pre> <p>Tôi nghĩ rằng đó là những gì bạn đang tìm kiếm?</p> <p>Nói cách khác, sử dụng htmlspecialchars() trong PHP</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/29501484">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2015-04-07 21:18:49</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1477288/">tribulant</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">3<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>@GitaarLAB và @Jukka xây dựng mà <code class="prettyprint-override"><xmp></code> thẻ là lỗi thời, nhưng vẫn là tốt nhất. Khi tôi sử dụng nó như thế này</p> <pre><code class="prettyprint-override"><xmp> <div>Lorem ipsum</div> <p>Hello</p> </xmp> </code></pre> <p>thì EOL đầu tiên được chèn vào mã và nó <a href="http://jsfiddle.net/u62jcoL8/" rel="nofollow">looks awful</a>.</p> <p>Nó có thể được giải quyết bằng cách loại bỏ mà EOL</p> <pre><code class="prettyprint-override"><xmp><div>Lorem ipsum</div> <p>Hello</p> </xmp> </code></pre> <p>nhưng sau đó nó trông xấu trong nguồn. Tôi sử dụng để giải quyết nó với gói <code class="prettyprint-override"><div></code>, nhưng gần đây tôi đã tìm ra một quy tắc CSS3 đẹp, tôi hy vọng nó cũng giúp ai đó:</p> <pre><code class="prettyprint-override">xmp { margin: 5px 0; padding: 0 5px 5px 5px; background: #CCC; } xmp:before { content: ""; display: block; height: 1em; margin: 0 -5px -2em -5px; } </code></pre> <p><a href="http://jsfiddle.net/u62jcoL8/1/" rel="nofollow">looks better</a> này.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/32935618">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2015-10-04 16:18:05</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">4<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Cheap and cheerful câu trả lời:</p> <pre><code class="prettyprint-override"><textarea>Some raw content</textarea> </code></pre> <p>Các textarea sẽ xử lý các tab, nhiều không gian, dòng mới, dòng gói tất cả nguyên văn. Nó sao chép và dán độc đáo và HTML hợp lệ của nó tất cả các cách. Nó cũng cho phép người dùng thay đổi kích thước hộp mã. Bạn không cần bất kỳ CSS, JS, thoát, mã hóa.</p> <p>Bạn cũng có thể thay đổi giao diện và hành vi. Đây là phông chữ đơn cách, chỉnh sửa bị tắt, phông chữ nhỏ hơn, không có đường viền:</p> <pre><code class="prettyprint-override"><textarea style="width:100%; font-family: Monospace; font-size:10px; border:0;" rows="30" disabled >Some raw content</textarea> </code></pre> <p>Giải pháp này có thể không chính xác về mặt ngữ nghĩa. Vì vậy, nếu bạn cần điều đó, tốt nhất bạn nên chọn một câu trả lời phức tạp hơn.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/42104273">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2017-02-08 03:41:40</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/3200071/">Henry</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Giải pháp đơn giản hơn và thực hiện công việc! – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/5935198/">RousseauAlexandre</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p><code class="prettyprint-override">xmp</code> là con đường để đi, tức là .:</p> <pre><code class="prettyprint-override"><xmp> # your code... </xmp> </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/44226179">Nguồn</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2017-05-28 10:18:04</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Các vấn đề liên quan</div> <ul class="relative_list"> <li> 1. <a href="http://vi.voidcc.com/question/p-xwnxjctw-b.html" target="_blank" title="Vim cho Word (hoặc một cái gì đó giống như nó)"> Vim cho Word (hoặc một cái gì đó giống như nó) </a> </li> <li> 2. <a href="http://vi.voidcc.com/question/p-vybwsdid-n.html" target="_blank" title="ReSharper (hoặc một cái gì đó giống như nó) cho Qt?"> ReSharper (hoặc một cái gì đó giống như nó) cho Qt? </a> </li> <li> 3. <a href="http://vi.voidcc.com/question/p-cyiwzpph-u.html" target="_blank" title="MATLAB Có một cái gì đó giống như danh sách hiểu như nó là trong python?"> MATLAB Có một cái gì đó giống như danh sách hiểu như nó là trong python? </a> </li> <li> 4. <a href="http://vi.voidcc.com/question/p-yfyliyno-bp.html" target="_blank" title="Làm thế nào để bạn tăng một biến giao trong smarty mà không hiển thị nó"> Làm thế nào để bạn tăng một biến giao trong smarty mà không hiển thị nó </a> </li> <li> 5. <a href="http://vi.voidcc.com/question/p-mcmjhbpp-be.html" target="_blank" title="Một cái gì đó như jQuery.extend() nhưng độc lập?"> Một cái gì đó như jQuery.extend() nhưng độc lập? </a> </li> <li> 6. <a href="http://vi.voidcc.com/question/p-hwaugcrh-k.html" target="_blank" title="Làm thế nào để hiển thị div trong 10 giây và sau đó ẩn nó"> Làm thế nào để hiển thị div trong 10 giây và sau đó ẩn nó </a> </li> <li> 7. <a href="http://vi.voidcc.com/question/p-omnnnndh-m.html" target="_blank" title="Làm cách nào để hiển thị một ký tự Unicode độc lập (tiếng Ả Rập) vì nó sẽ trông giống như nó được hiển thị trong một từ?"> Làm cách nào để hiển thị một ký tự Unicode độc lập (tiếng Ả Rập) vì nó sẽ trông giống như nó được hiển thị trong một từ? </a> </li> <li> 8. <a href="http://vi.voidcc.com/question/p-vdyowegf-z.html" target="_blank" title="Làm thế nào để đối sánh "một cái gì đó hoặc không có gì" trong một regex bash?"> Làm thế nào để đối sánh "một cái gì đó hoặc không có gì" trong một regex bash? </a> </li> <li> 9. <a href="http://vi.voidcc.com/question/p-fzolrfhm-k.html" target="_blank" title="Làm thế nào để xây dựng một cái gì đó khi tôi biết tôi sẽ làm cho nó sai?"> Làm thế nào để xây dựng một cái gì đó khi tôi biết tôi sẽ làm cho nó sai? </a> </li> <li> 10. <a href="http://vi.voidcc.com/question/p-ooqqatax-p.html" target="_blank" title="Làm thế nào để dán một cái gì đó giữa các thẻ html trong Vim?"> Làm thế nào để dán một cái gì đó giữa các thẻ html trong Vim? </a> </li> <li> 11. <a href="http://vi.voidcc.com/question/p-kjrsamnj-z.html" target="_blank" title="regex để kết hợp một cái gì đó nếu nó không được bắt đầu bởi cái gì khác"> regex để kết hợp một cái gì đó nếu nó không được bắt đầu bởi cái gì khác </a> </li> <li> 12. <a href="http://vi.voidcc.com/question/p-vuervwuz-b.html" target="_blank" title="Tôi làm cách nào để tạm dừng một BackgroundWorker? Hoặc một cái gì đó tương tự"> Tôi làm cách nào để tạm dừng một BackgroundWorker? Hoặc một cái gì đó tương tự </a> </li> <li> 13. <a href="http://vi.voidcc.com/question/p-qalkiqjo-r.html" target="_blank" title="Thay thế một đoạn với chính nó không hiển thị bất cứ điều gì"> Thay thế một đoạn với chính nó không hiển thị bất cứ điều gì </a> </li> <li> 14. <a href="http://vi.voidcc.com/question/p-wmezujww-a.html" target="_blank" title="Mã-kata là gì và nó tốt cho cái gì?"> Mã-kata là gì và nó tốt cho cái gì? </a> </li> <li> 15. <a href="http://vi.voidcc.com/question/p-qxifejyk-w.html" target="_blank" title="Làm thế nào để thêm một cái gì đó như "? X = 123" vào NSURL?"> Làm thế nào để thêm một cái gì đó như "? X = 123" vào NSURL? </a> </li> <li> 16. <a href="http://vi.voidcc.com/question/p-piqhjxfs-t.html" target="_blank" title="Làm thế nào để thoát khỏi html?"> Làm thế nào để thoát khỏi html? </a> </li> <li> 17. <a href="http://vi.voidcc.com/question/p-gtkyilmq-bk.html" target="_blank" title="Làm thế nào để hiển thị một cửa sổ trong Qt và xóa nó ngay sau khi nó đóng cửa?"> Làm thế nào để hiển thị một cửa sổ trong Qt và xóa nó ngay sau khi nó đóng cửa? </a> </li> <li> 18. <a href="http://vi.voidcc.com/question/p-phiahmzo-o.html" target="_blank" title="Làm thế nào để khai báo một biến tĩnh nhưng không xác định nó"> Làm thế nào để khai báo một biến tĩnh nhưng không xác định nó </a> </li> <li> 19. <a href="http://vi.voidcc.com/question/p-kpxqiodq-bn.html" target="_blank" title="Lệnh ghép ngắn PowerShell hiển thị thuộc tính, nhưng nó không thể hiển thị nó thông qua 'chọn'"> Lệnh ghép ngắn PowerShell hiển thị thuộc tính, nhưng nó không thể hiển thị nó thông qua 'chọn' </a> </li> <li> 20. <a href="http://vi.voidcc.com/question/p-shbgrrpg-n.html" target="_blank" title="Làm thế nào để gọi một phương thức trong UserControl sau khi nó được hiển thị?"> Làm thế nào để gọi một phương thức trong UserControl sau khi nó được hiển thị? </a> </li> <li> 21. <a href="http://vi.voidcc.com/question/p-qgejqyte-x.html" target="_blank" title="Gói khám phá không hiển thị ... gói, trong Eclipse. Làm thế nào để sửa chữa nó?"> Gói khám phá không hiển thị ... gói, trong Eclipse. Làm thế nào để sửa chữa nó? </a> </li> <li> 22. <a href="http://vi.voidcc.com/question/p-dxjqlhba-c.html" target="_blank" title="Làm thế nào để XHTML 1.1 xác nhận một dấu và không thoát nó?"> Làm thế nào để XHTML 1.1 xác nhận một dấu và không thoát nó? </a> </li> <li> 23. <a href="http://vi.voidcc.com/question/p-pqbbmhsj-c.html" target="_blank" title="Làm thế nào để hiển thị một trang HTML từ thư mục thô trong res với Android Webview?"> Làm thế nào để hiển thị một trang HTML từ thư mục thô trong res với Android Webview? </a> </li> <li> 24. <a href="http://vi.voidcc.com/question/p-qqvexeoa-bh.html" target="_blank" title="Cái gì đó tương tự như split()?"> Cái gì đó tương tự như split()? </a> </li> <li> 25. <a href="http://vi.voidcc.com/question/p-keqgvtog-be.html" target="_blank" title="Làm thế nào để bạn sao chép một cái gì đó như hàm() {...} .property() trong javascript như trong Ember.js?"> Làm thế nào để bạn sao chép một cái gì đó như hàm() {...} .property() trong javascript như trong Ember.js? </a> </li> <li> 26. <a href="http://vi.voidcc.com/question/p-ohdjscdn-o.html" target="_blank" title="Tìm mã làm đẹp Java (hoặc có thể không đẹp, nhưng một cái gì đó để làm cho mã thanh lịch hơn)"> Tìm mã làm đẹp Java (hoặc có thể không đẹp, nhưng một cái gì đó để làm cho mã thanh lịch hơn) </a> </li> <li> 27. <a href="http://vi.voidcc.com/question/p-hgjwybwq-w.html" target="_blank" title="Làm thế nào để lưu trữ một đoạn mã HTML và chèn nó sau này trong tài liệu?"> Làm thế nào để lưu trữ một đoạn mã HTML và chèn nó sau này trong tài liệu? </a> </li> <li> 28. <a href="http://vi.voidcc.com/question/p-tkxbaqrt-ba.html" target="_blank" title="PyQt4 tên hiển thị là không xác định trong nhật thực, nhưng nó chạy tốt"> PyQt4 tên hiển thị là không xác định trong nhật thực, nhưng nó chạy tốt </a> </li> <li> 29. <a href="http://vi.voidcc.com/question/p-fcgcnkcq-bh.html" target="_blank" title="Có cách nào để sử dụng một cái gì đó như Console.write để gỡ lỗi trong mã XNA không?"> Có cách nào để sử dụng một cái gì đó như Console.write để gỡ lỗi trong mã XNA không? </a> </li> <li> 30. <a href="http://vi.voidcc.com/question/p-vxarwawn-q.html" target="_blank" title="JQuery tôi có thể hiển thị kết quả sau đó có nó biến mất không?"> JQuery tôi có thể hiển thị kết quả sau đó có nó biến mất không? </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422912"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Câu hỏi mới nhất </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://vi.voidcc.com/question/p-ntwimvcq-cb.html" target="_blank" title="Tại sao trình biên dịch không phàn nàn rằng một trình vòng lặp được chuyển đến vòng lặp for là không thay đổi?"> Tại sao trình biên dịch không phàn nàn rằng một trình vòng lặp được chuyển đến vòng lặp for là không thay đổi? </a> </li> <li class="side_article_list_item"> 2. <a href="http://vi.voidcc.com/question/p-ddjiqviv-ca.html" target="_blank" title="Cách sắp xếp màu theo hai chiều?"> Cách sắp xếp màu theo hai chiều? </a> </li> <li class="side_article_list_item"> 3. <a href="http://vi.voidcc.com/question/p-xcqzaevf-by.html" target="_blank" title="khối lượng được gắn không được lấp đầy với nội dung hình ảnh docker"> khối lượng được gắn không được lấp đầy với nội dung hình ảnh docker </a> </li> <li class="side_article_list_item"> 4. <a href="http://vi.voidcc.com/question/p-cmbbnjpf-ca.html" target="_blank" title="Lấy bản đồ nguồn đang hoạt động"> Lấy bản đồ nguồn đang hoạt động </a> </li> <li class="side_article_list_item"> 5. <a href="http://vi.voidcc.com/question/p-chkxtmnt-bw.html" target="_blank" title="tùy chọn xác thực của khách hàng + form_login ngắt tất cả mã thông báo csrf"> tùy chọn xác thực của khách hàng + form_login ngắt tất cả mã thông báo csrf </a> </li> <li class="side_article_list_item"> 6. <a href="http://vi.voidcc.com/question/p-wabnqkgg-bw.html" target="_blank" title="Cách sử dụng tùy chọn dòng lệnh dpkg để giải nén conf và bỏ qua đoạn mã sau"> Cách sử dụng tùy chọn dòng lệnh dpkg để giải nén conf và bỏ qua đoạn mã sau </a> </li> <li class="side_article_list_item"> 7. <a href="http://vi.voidcc.com/question/p-arucmjuk-ca.html" target="_blank" title="Xcode: thay đổi phông chữ trong các biến xem"> Xcode: thay đổi phông chữ trong các biến xem </a> </li> <li class="side_article_list_item"> 8. <a href="http://vi.voidcc.com/question/p-zamcrxqj-bu.html" target="_blank" title="Mã hóa cx_Freeze để tạo ứng dụng macOS"> Mã hóa cx_Freeze để tạo ứng dụng macOS </a> </li> <li class="side_article_list_item"> 9. <a href="http://vi.voidcc.com/question/p-xbltdjij-bq.html" target="_blank" title="làm thế nào để xác định đầu ra của hàm đệ quy phức tạp bằng tay"> làm thế nào để xác định đầu ra của hàm đệ quy phức tạp bằng tay </a> </li> <li class="side_article_list_item"> 10. <a href="http://vi.voidcc.com/question/p-sykfsboo-cc.html" target="_blank" title="Cách thêm từ vào từ điển linter-spell của Atom"> Cách thêm từ vào từ điển linter-spell của Atom </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Các vấn đề liên quan</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://vi.voidcc.com/question/p-xwnxjctw-b.html" target="_blank" title="Vim cho Word (hoặc một cái gì đó giống như nó)"> Vim cho Word (hoặc một cái gì đó giống như nó) </a> </li> <li class="side_article_list_item"> 2. <a href="http://vi.voidcc.com/question/p-vybwsdid-n.html" target="_blank" title="ReSharper (hoặc một cái gì đó giống như nó) cho Qt?"> ReSharper (hoặc một cái gì đó giống như nó) cho Qt? </a> </li> <li class="side_article_list_item"> 3. <a href="http://vi.voidcc.com/question/p-cyiwzpph-u.html" target="_blank" title="MATLAB Có một cái gì đó giống như danh sách hiểu như nó là trong python?"> MATLAB Có một cái gì đó giống như danh sách hiểu như nó là trong python? </a> </li> <li class="side_article_list_item"> 4. <a href="http://vi.voidcc.com/question/p-yfyliyno-bp.html" target="_blank" title="Làm thế nào để bạn tăng một biến giao trong smarty mà không hiển thị nó"> Làm thế nào để bạn tăng một biến giao trong smarty mà không hiển thị nó </a> </li> <li class="side_article_list_item"> 5. <a href="http://vi.voidcc.com/question/p-mcmjhbpp-be.html" target="_blank" title="Một cái gì đó như jQuery.extend() nhưng độc lập?"> Một cái gì đó như jQuery.extend() nhưng độc lập? </a> </li> <li class="side_article_list_item"> 6. <a href="http://vi.voidcc.com/question/p-hwaugcrh-k.html" target="_blank" title="Làm thế nào để hiển thị div trong 10 giây và sau đó ẩn nó"> Làm thế nào để hiển thị div trong 10 giây và sau đó ẩn nó </a> </li> <li class="side_article_list_item"> 7. <a href="http://vi.voidcc.com/question/p-omnnnndh-m.html" target="_blank" title="Làm cách nào để hiển thị một ký tự Unicode độc lập (tiếng Ả Rập) vì nó sẽ trông giống như nó được hiển thị trong một từ?"> Làm cách nào để hiển thị một ký tự Unicode độc lập (tiếng Ả Rập) vì nó sẽ trông giống như nó được hiển thị trong một từ? </a> </li> <li class="side_article_list_item"> 8. <a href="http://vi.voidcc.com/question/p-vdyowegf-z.html" target="_blank" title="Làm thế nào để đối sánh "một cái gì đó hoặc không có gì" trong một regex bash?"> Làm thế nào để đối sánh "một cái gì đó hoặc không có gì" trong một regex bash? </a> </li> <li class="side_article_list_item"> 9. <a href="http://vi.voidcc.com/question/p-fzolrfhm-k.html" target="_blank" title="Làm thế nào để xây dựng một cái gì đó khi tôi biết tôi sẽ làm cho nó sai?"> Làm thế nào để xây dựng một cái gì đó khi tôi biết tôi sẽ làm cho nó sai? </a> </li> <li class="side_article_list_item"> 10. <a href="http://vi.voidcc.com/question/p-ooqqatax-p.html" target="_blank" title="Làm thế nào để dán một cái gì đó giữa các thẻ html trong Vim?"> Làm thế nào để dán một cái gì đó giữa các thẻ html trong Vim? </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://vi.voidcc.com/contact">Liên lạc với chúng tôi</a></li> <li>© 2020 VI.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

Làm thế nào để hiển thị mã html thô trong PRE hoặc một cái gì đó như nó nhưng không thoát nó

Trả lời