Другой стиль для кода и текста в php html css
Я использую редактор tinymce на своей странице, чтобы написать текст, несколько кодов, и это будет сохранено в базе данных mysql в базе данных, текст выглядит следующим образом:
<p>i have a problem in my code</p> <p style = "text-align: left;"><code>if (isset($_POST['Add'])){</code></p> <p style = "text-align: left;"><code> $pr=secure($_POST['txt_pr'],"num"); </code></p> <p style = "text-align: left;"><code>if (empty($title) || empty($code) || empty($tags)){</code></p> <p style = "text-align: left;"><code> header("location:ask.php?msg=6");</code></p> <p style = "text-align: left;"><code> }</code></p> <p>some text here</p>
чтобы преобразовать это в код чтения, я использую
highlight и php функционируют htmlspecialchars_decode() и
<pre><code></code></pre>
Моя проблема в том, что весь этот информационный код и текст выглядят как один блок, а не как здесь, в stackoverflow, код отображается с серым фоном и текстом на белом фоне.
Как может мой результат вроде stackoverflow ???
text{background:white}
code{backgrounf:gray}
text{background:white}
я печатаю свой результат так:
<pre><code dir='ltr'> <?php echo $code;?> </code></pre>
Надеюсь, моя идея понятна :)
Также вы можете использовать функцию nl2br($yourHtmlStuff), которая преобразует символы новой строки в теги <br>: php.net/manual/de/function.nl2br.php
@Tagas, спасибо за ваш комментарий, я использую выделение и даю мне фон и определенный цвет для кода, поэтому фон такой же для текста, и код не такой, как здесь, каждый из них имеет разный цвет
Ответы 1
Я получаю, что когда вы получаете редактор форм содержимого, используйте необработанный формат.
tinymce.activeEditor.getContent({format: 'raw'}
строка формата дает необработанный html, я обновляю код, я получаю необработанный контент и помещаю в div, и он выглядит так же, вы можете просмотреть,
перо с живым кодом в необработанном формате
Не могли бы вы объяснить поподробнее?
да, когда вы получаете контент, вы не указываете формат. поэтому, когда вы показываете вывод, он выглядел не так, как в редакторе. есть другой формат, вы можете проверить документ,
опечатка?
code{backgrounf:gray}->code{background:gray}