Как вставить html-код в статью? Плагин Auto SyntaxHighlighter

06 Дек 2012 в 22:28

При написании статей иногда необходимо вставить html-код в текст статьи.

Как вставить html-код в статью?

Сама столкнулась с этой проблемой. Хоть и знаю немного html, но как вставлять код html в текст статьи, чтобы WordPress не выполнял его, а в статье просто отображался html -код, то уже и возникли трудности.

Начала гуглить и нашла рекомеданции по интересующему вопросу. Одни рекомендуют использовать режиме html парный тег <pre>, например, <pre> текст кода  </pre>, другие тэг <code> текст кода </code>, третьи - тэг     <textarea> , но что-то как я ни билась, html-код в тексте статье выполнялся, а не выводится в виде текста.

Увы, простой вариант вставки html-кода в текст статьи у меня не получился.

К этому моменту я поняла, что без плагинов для WordPress не обойтись. Что ж, пригодится на будущее, чтобы вставить в текст статьи необходимый код в форматах html, php, javascript, python, delphi, c++, xml и т.п.

Плагин Auto SyntaxHighlighter

Остановилась на плагине Auto SyntaxHighlighter, который помогает решить возникшую проблему вставки  html-кода в статью.

Установка, активация плагина Auto SyntaxHighlighter на блог WordPress выполняется, как и всех плагинов. Для тех, кто в танке, на моем блоге есть  статья с расписанной техгологией установки плагинов. При необходимости, обратитесь в этой статье.

После активации плагина Auto SyntaxHighlighter в инструментах редактора появилась кнопка:

Кнопка плагина Auto SyntaxHighlighter

При нажатии на эту кнопку появляется окно, в которое необходимо вставить текст кода, который необходим для статьи. Текст кода может быть с разных языков программирования. Из меню "The code language:" выберите  язык, на котором написан текст кода и нажмите внизу кнопку "Вставить". Вот и все. В тексте статьи появится код, необходиый для статьи.

Например, как здесь, в этой статье:

При нажатии на эту кнопку появляется окно, в которое необходимо вставить текст кода, который необходим для статьи. Текст кода может быть с разных языков программирования. Из меню "The code language:" выберите  язык, на котором написан текст кода и нажмите внизу кнопку "Вставить". Вот и все. В тексте статьи появится код, необходиый для статьи.

При необходимости, как видите, этим плагином можно вставить и любой текст в статью (выбрать язык "Plain Text"). Получается очень удобно.

Вот и

 

Буду благодарна, если Вы поделитесь этой статьей:

0

Рубрики: 2.1. Работа с контентом сайта

Обсуждение
Отзыв Юрий 11 ноября 2014

Хочу вставить код рекламы от яндекс в середину записи,этот плагин поможет?Не будет отображаться сам код когда я его опубликую запись

[Ответить]

Валентина Ответил(а):

Юрий, этот плагин для вставки html-кода в текст статьи! А для вставки кода рекламы необходимо перейти в редакторе на вкладку «Текст» и вставить код рекламы в нужное место.

[Ответить]

Ваш отзыв