Отличный плагин для вставки и подсветки кода в WordPress

Перепробовав множество различных плагинов для вставки и подсветки кода в WordPress, прочитав ряд обзоров и сравнений, я пришел к выводу, что наиболее подходящий для этого плагин — Mivhak Syntax Highlighter.

Он полностью повторяет функционал Crayon Syntax Highlighter, но при этом более легковесный.

К достоинствам также можно отнести:

  • Поддержка широкого набора языков программирования (100+)
  • Простота настройки
  • Различные варианты цветового решения
  • Удобство вставки и редактирования кода в записях
  • Бесплатность.

Примеры использования:

Встроенный код: var foo = "bar" или font-family: monospace;.

 

 

Блок кода на Java с подсветкой строк с 10 по 15:

class Human
{
    /**
     * The human's age.
     */
    private int age;
    
    public Human() { this.age = 0; }
    
    public void birthday()
    {
        // Increment age by 1;
        this.age++;
        System.out.printf("Happy Birthday! you are now %i years old", this.age);
    }
}

 

 

Простой блок HTML без текста подписи:

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <h1>Hello World!</h1>
        <p>This is a paragraph</p>
    </body>
</html>

Отличный плагин для вставки и подсветки кода в WordPress: 2 комментария

  1. WordPress имеет несколько встроенных методов для отображения фрагментов кода. Они не всегда красивые, но функциональные. Двумя базовыми методами являются тэги code и  pre .

    1. Не совсем верно, поскольку теги code и pre не имеют прямого отношения к wordpress. Они являются базовыми тегами html. Первый предназначен для отображения программного кода, а второй – любого предварительно отформатированного текста. Отличия между ними в том, что дополнительные пробелы и переносы строк не учитываются в теле блока code.
      Wordpress всего лишь указывает стиль форматирования этих блоков. Между тем, отмеченный плагин (как и многие другие) как минимум обеспечивает подсветку кода.
      В любом случае программный код продолжает располагаться внутри блока code или pre вне зависимости от того используется ли плагин или нет.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *