Вот несколько основных концепций пошагового создания плагинов:
- Подготовка
- Кодирование
- Регулировка стиля плагина
- Локализация
- Подготовка плагина к публикации
- Тестирование
- Публикация
Шаг 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. Для этого следуйте приведенным здесь инструкциям в зависимости от используемой операционной системы.