Вот несколько основных концепций пошагового создания плагинов:
- Подготовка;
- Кодирование;
- Регулировка стиля плагина;
- Локализация;
- Подготовка плагина к публикации;
- Тестирование;
- Публикация.
Шаг 1. Программирование
Разработать плагин. Следуйте описанной здесь ↗ структуре плагина. Папка плагина должна содержать три файла, необходимые для работы плагина: config.json ↗, index.html ↗, pluginCode.js ↗.
Используйте методы ↗ и события ↗ плагина при написании кода плагина.
Шаг 2. Регулирование стиля плагина
Добавьте таблицу стилей ↗ Р7 в файл index.html, чтобы настроить плагин в соответствии со стилем редактора Р7:
<link rel="stylesheet" href="https://support.r7-office.ru/wp-content/uploads/2023/05/plugins.css">
Шаг 3. Локализация
Создайте папку переводов в каталоге плагинов с файлами .json для каждого языка, для которого вы хотите добавить перевод. Следуйте приведенным здесь ↗ инструкциям, чтобы локализовать и применить переводы.
Шаг 4. Подготовка плагина
- Создайте информативное окно About для вашего плагина. Добавьте краткое описание и версию плагина, название компании-разработчика и ссылку на его сайт. Следуйте приведенным здесь ↗ инструкциям, чтобы создать вариант About в файле config.json;
- Подготовьте иконки для плагина и поместите их в папку ресурсов. Следуйте приведенным здесь ↗ инструкциям, чтобы указать параметры значка в файле config.json.Обратите внимание, что вам необходимо подготовить 8 иконок для корректного отображения плагина в маркетплейсе: 4 типа масштабирования иконок (125%, 150%, 175%, 200%) как для светлой, так и для темной темы;
- Не забудьте про файл readme, куда вы можете добавить подробное описание плагина, инструкции по установке и использованию, известные проблемы и т. д. Поместите этот файл в основную папку плагина.
Шаг 5. Тестирование
Поместите все подготовленные файлы в папку плагина и запушите в удаленный репозиторий. Вот и все! Теперь вы можете подключить его к десктопной или веб-версии редакторов Р7 и протестировать.
- Протестируйте плагин в Р7 Desktop Editors.
Вы можете запустить это приложение в режиме отладки с флагом —ascdesktop-support-debug-info. Для этого следуйте приведенным здесь ↗ инструкциям в зависимости от используемой операционной системы.
