WP Manifestindependent plugin directory
manifest / editor / code-highlight-copy

Оцветяване на синтаксиса с копиране

Adds beautiful syntax highlighting to code blocks using Highlight.js and a handy copy button.

by Fedya Serafiev · github.com/fedya-dev/code-highlight-copy · website

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/fedya-dev/code-highlight-copy/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/fedya-dev/code-highlight-copy ↗

Оцветяване на синтаксиса с копиране

Добавя красиво оцветяване на синтаксис към кодовите блокове с помощта на Highlight.js и удобен бутон за копиране.

Description

Оцветяване на синтаксиса с копиране е лек и мощен WordPress плъгин, който автоматично добавя професионално оцветяване на синтаксис към всички кодови блокове във вашия сайт. Използва популярната библиотека Highlight.js и предоставя интуитивен бутон за копиране на кода с едно кликване.

Основни функции

  • 🎨 12+ красиви теми - Изберете от широка гама от професионални цветни схеми
  • 📋 Бутон за копиране - Позволява на посетителите лесно да копират кода
  • ⚙️ Пълна персонализация - Настройте размер на шрифта, височина на реда, закръгляне и повече
  • 🌍 Многоезичност - Поддръжка на над 190 програмни езика
  • 📱 Responsive дизайн - Перфектен изглед на всички устройства
  • ⚡ Оптимизиран за скорост - Зарежда ресурси само когато е необходимо
  • 🎯 Лесна употреба - Работи автоматично без допълнителна конфигурация
  • 🛠️ Shortcode поддръжка - Ръчно вмъкване на код с [code] shortcode

Поддържани теми

  • Monokai Sublime (по подразбиране)
  • GitHub (светла и тъмна)
  • Visual Studio 2015
  • Atom One (тъмна и светла)
  • Dracula
  • Nord
  • Obsidian
  • Tomorrow Night
  • Solarized (тъмна и светла)
  • И още...

Поддържани езици

Плъгинът автоматично разпознава и оцветява над 190 програмни езика, включително:

  • PHP
  • JavaScript
  • Python
  • Java
  • C/C++
  • Ruby
  • Go
  • Rust
  • HTML/CSS
  • SQL
  • Bash
  • И много други...

Как работи?

  1. Инсталирайте и активирайте плъгина
  2. Плъгинът автоматично оцветява всички <pre><code> блокове
  3. Персонализирайте настройките от Настройки → Оцветяване на синтаксис
  4. Готово! Вашият код вече изглежда професионално

Използване на Shortcode

За ръчно вмъкване на кодов блок с конкретен език:

[code language="php"] <?php echo "Hello World!"; ?> [/code]

Настройки

Плъгинът предлага богати възможности за персонализация:

Външен вид:

  • Избор на тема
  • Размер на шрифта (10-24px)
  • Височина на реда (1.0-3.0)
  • Закръгляне на ъглите (0-20px)

Бутон за копиране:

  • Активиране/деактивиране
  • Персонализиран текст
  • Позиция (горе/долу, ляво/дясно)

Защо да изберете този плъгин?

✅ Лесен за използване - нулева конфигурация
✅ Бърз и лек - не забавя сайта
✅ Модерен дизайн - професионален изглед
✅ Редовни актуализации - постоянна поддръжка
✅ Безплатен и open source - без скрити такси

Installation

Автоматична инсталация

  1. Отидете в Плъгини → Добави нов
  2. Потърсете "Оцветяване на синтаксиса с копиране"
  3. Кликнете Инсталирай сега
  4. Активирайте плъгина

Ръчна инсталация

  1. Изтеглете ZIP файла на плъгина
  2. Отидете в Плъгини → Добави нов → Качи плъгин
  3. Изберете ZIP файла и кликнете Инсталирай сега
  4. Активирайте плъгина

След активация

  1. Отидете в Настройки → Оцветяване на синтаксис
  2. Изберете желаната тема и настройки
  3. Кликнете Запази настройките

Frequently Asked Questions

Как да добавя кодови блокове?

Използвайте стандартния HTML формат:

<pre><code>
// Вашият код тук
</code></pre>

Или Gutenberg блока "Код" в новия редактор.

Или shortcode: [code language="php"]<?php echo "Hello"; ?>[/code]

Плъгинът работи с Gutenberg?

Да! Плъгинът автоматично работи с всички кодови блокове от Gutenberg редактора.

Плъгинът работи с класическия редактор?

Да! Работи с класическия редактор, Gutenberg и всички page builders.

Мога ли да променя темата?

Разбира се! Отидете в Настройки → Оцветяване на синтаксис и изберете от 12+ налични теми.

Как да скрия бутона за копиране?

В настройките, просто деактивирайте опцията "Активиране на бутон за копиране".

Плъгинът забавя сайта?

Не! Плъгинът е оптимизиран и зарежда ресурси само на страници с кодови блокове.

Поддържа ли се мобилен изглед?

Да! Плъгинът е напълно responsive и изглежда отлично на всички устройства.

Мога ли да използвам собствена тема?

В момента плъгинът поддържа предварително дефинирани теми от Highlight.js. Персонализирана CSS може да се добави чрез тема.

Безплатен ли е плъгинът?

Да! Плъгинът е напълно безплатен и open source под GPL v2 лиценз.

Screenshots

  1. Пример с Monokai Sublime тема
  2. Админ панел с настройки
  3. Избор на тема
  4. Бутон за копиране в действие
  5. Responsive изглед на мобилно устройство
  6. Множество кодови блокове на една страница

Changelog

2.2 (2024-12-20)

  • Добавен пълен административен панел с настройки
  • Възможност за избор на тема (12+ теми)
  • Персонализиране на размер на шрифта, височина на реда и закръгляне
  • Настройки за бутона за копиране (текст, позиция)
  • Подобрена сигурност с proper escaping
  • Добавена поддръжка за интернационализация
  • Singleton pattern за по-добра производителност
  • Добавени activation/deactivation/uninstall hooks
  • Линк към настройки в списъка с плъгини
  • Подобрена документация

2.1 (2024-11-15)

  • Добавена поддръжка за допълнителни езици
  • Подобрен responsive дизайн
  • Оптимизиран CSS код
  • Поправени малки бъгове

2.0 (2024-10-01)

  • Добавен бутон за копиране
  • Поддръжка за Monokai Sublime тема
  • Автоматично оцветяване на синтаксис
  • Shortcode за ръчно вмъкване

1.0 (2024-09-01)

  • Първа версия
  • Основно оцветяване на синтаксис

Upgrade Notice

2.2

Препоръчителна актуализация! Добавени са много нови функции и административен панел с настройки. Актуализирайте сега за по-добър контрол над външния вид на кодовите блокове.

2.1

Подобрена стабилност и responsive дизайн. Препоръчваме актуализация.

2.0

Важна актуализация с нови функции. Добавен бутон за копиране и подобрен изглед.

Support

За въпроси, предложения или проблеми:

Credits

  • Използва Highlight.js за оцветяване на синтаксис
  • Разработено от Fedya Serafiev

Privacy

Този плъгин:

  • НЕ събира лични данни
  • НЕ използва cookies
  • НЕ прави външни заявки (освен CDN за библиотеките)
  • НЕ проследява потребители

Всички ресурси се зареждат от доверен CDN (CloudFlare) за по-добра производителност.