Каждый плагин работает в своем iframe. Редактор подключает файл index.html, указанный в файле конфигурации плагина config.json ↗. Файл index.html — это точка входа в плагин. Файл index.html подключает файл pluginBase.js — базовый файл, необходимый для работы с плагинами.
Ниже приводится пример кода для файла index.html (этот код используется для плагина Шахматы, но любой другой файл index.html создается аналогично):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Chess</title>
<script type="text/javascript" src="../pluginBase.js"></script>
<script type="text/javascript" src="chess.js"></script>
</head>
<body style="width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;">
<div id="chess" style="margin: 0; padding: 0;"></div>
</body>
</html>
Раздел <head>…</head> содержит ссылки на все скрипты и таблицы стилей, необходимые для правильной работы плагина (как локальные, так и удаленные, если плагин их использует). Этот раздел также содержит ссылку на базовый файл pluginBase.js, необходимый для правильной работы плагинов с редакторами и содержащий базовый метод работы плагинов.
Раздел <body>…</body> может содержать теги <div>…</div> с заполнителями, куда будут вставлены компоненты плагина. Поведение этих компонентов плагина описывается в самом файле pluginCode.js ↗.