• Post category:index.html
  • Запись изменена:01.07.2024

Каждый плагин действует в своем собственном 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> с заполнителями, в которые будут вставлены компоненты плагина.