Каждый плагин действует в своем собственном iframe. Редактор подключит файл index.html, указанный в конфигурационном файле плагина config.json ↗. Файл index.html — это точка входа плагина, соединяющая файл plugin.js — базовый файл, необходимый для работы с плагинами.
Пример:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Plugin name</title>
<script type="text/javascript" src="https://support.r7-office.ru/wp-content/uploads/2023/05/plugins.js"></script>
<script type="text/javascript" src="https://support.r7-office.ru/wp-content/uploads/2023/05/plugins-ui.js"></script>
<link rel="stylesheet" href="https://support.r7-office.ru/wp-content/uploads/2023/05/plugins.css">
<script type="text/javascript" src="plugin.js"></script>
</head>
<body style="width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;">
<div id="plugin name" style="margin: 0; padding: 0;"></div>
</body>
</html>Раздел <head>…</head> содержит ссылки на все скрипты и таблицы стилей, необходимые для корректной работы плагина (как локальные, так и удаленные, если плагин их использует). Он также содержит ссылку на базовый файл plugins.js, необходимый для корректной работы с редакторами и содержащий работу базового метода плагина.
Тело может содержать теги <div>…</div> с заполнителями, в которые будут вставлены компоненты плагина.