Предотвращение php от рендеринга/выполнения между предварительными тегами

Question

Я использую предварительные теги для отображения кодов на моем сайте, эти фрагменты содержат html и php.

До сих пор я использовал JQuery для преобразования html в codenippets в обычный текст, но теги php все еще выполняются.

код, который я использовал для преобразования HTML содержимого предварительно тега текста:

$(document).ready(function(){ 
    $("pre").text($("pre").html()); 
}); 

Пример того, что я использую его:

<pre> 
    <p>paragraph Content</p> 
    <h1>html code</h1> 
    <?php echo "this is php example code"; ?> 
</pre> 

Первую 2 строки отображаются в браузере с тегами и все отлично, но третья строка выполняет рендеринг php-тегов только этот код примера php. Может ли кто-нибудь помочь мне, чтобы я мог отображать теги php в своем фрагменте кода?

Также, если кто-то знает лучшее решение для рендеринга html/css и php в качестве фрагмента кода на вашем сайте Это было бы очень полезно.

Answer 1

Проблема с вашим подходом заключается в том, что вы пытаетесь повлиять на рендеринг после того, как браузер обработал файл. Когда вы посмотрите на исходный код своей страницы, вы заметите, что там действительно нет ничего, кроме «этого кода примера php», потому что сервер проанализировал эту часть вашего кода и выполнил ее, что приводит к чему-то, кроме строки, которую вы положите в команду echo.

Вы должны обработать Ваш выход, перед отправкой его клиенту и получать все вхождения <pre> и </pre> заменить все < и > между ними с их HTML сущностями.

Посмотрите на this question, чтобы узнать лучший подход к анализу HTML и получить соответствующие элементы для их изменения.

Answer 2

Вы должны избежать < и > символов - заменить их с HTML-сущностями, < и > соответственно;)

Если вы хотите полное и всеобъемлющее преобразование в HTML сущности, попробуйте преобразовать его в каком http://centricle.com/tools/html-entities

Как правило, хорошей практикой является преобразование всех символов в соответствующие объекты HTML в кодовом блоке.

Answer 3

Попробуйте заменить <?php ... ?> с

<? .... >

Answer 4

<pre> 
    &lt;p&gt;paragraph Content&lt;/p&gt; 
    &lt;h1&gt;html code&lt;/h1&gt; 
    &lt;?php echo "this is php example code"; ?&gt; 
</pre> 

Вот JSFiddle example, так что вы можете увидеть, как он делает на этой странице.