Шаблон редактора — это один из 8 типов надстроек, поддерживаемых фреймворком Elanat. Шаблоны редактора являются частью шаблона html-страницы; каждый из шаблонов редактора помогает авторам контента использовать готовый шаблон для представления своего контента упорядоченным и наилучшим образом.
Шаг 1:
Сначала получите необработанный файл шаблона редактора. После получения сырого файла шаблона редактора разархивируйте zip-файл. После этого действия вы увидите два каталога, один из которых является корневым, а другой — каталогом с именем editor_template. Корневой каталог пуст, и мы разберемся с ним на следующих шагах. После открытия каталога editor_template мы видим 4 файла, один из которых представляет собой файл HTML с именем template, файл значка, файл изображения и файл XML с именем catalog.
Вы можете скачать необработанный шаблон редактора по ссылке ниже:
elanat.net/upload/english_presentation_download_center/editor_template.zip
Шаг 2:
Во-вторых, отредактируйте файл catalog.xml. Откройте файл catalog.xml для редактирования. Добавьте имя для вашего дополнения в атрибуте value в теге editor_template_name. Добавьте свое имя или название вашей компании в атрибут value тега editor_template_author. Атрибут value в теге editor_template_directory_path указывает путь к надстройке, и лучше просто указать имя каталога. Атрибут value в теге editor_template_physical_name указывает физическое имя дополнения, которое здесь является template.html; Если вы переименуете этот раздел, вы также должны отредактировать файл template.html, присвоив ему то же имя. Тег editor_template_replace содержит основные варианты фреймворка Elanat, что является подробной темой, и мы пропустим здесь ее объяснение. Если вы создаете надстройку на стороне сервера, тег editor_template_cache_parameters используется для кэширования надстройки на основе параметров строки запроса; Напишите параметры кеша внутри этого тега и разделите их запятой (,). В теге editor_template_static_head можно вызывать скрипты и стили; В этом теге добавлен тег javascript и к нему добавлен метод AddHelloWorld, а также строка «Hello World!» помещает его в вариант ElanatVariant.EditorTemplateValue; Значения тега editor_template_static_head могут быть реализованы в физическом файле надстройки, что позволит вам получить доступ к значениям входных данных HTML. Файл catalog.xml также содержит другие значения, и в этом объяснении упоминаются только важные из них.
Шаг 3.
В-третьих, измените файл HTML. Отредактируйте файл HTML с именем template; как видите, этот файл содержит только одну кнопку, которая вызывает две функции JavaScript. Первая функция — это AddHelloWorld(), которую мы уже объяснили на шаге 2. После этого была добавлена функция el_InsertEditorTemplateValueToWysiwyg(); эта функция должна быть вызвана. Вы можете редактировать этот файл по своему усмотрению и создавать его с нуля.
Шаг 4:
В-четвертых, снова создайте zip-файл. вы можете поместить дополнительные файлы, которые хотите добавить, по любому пути Elanat framework в корневом каталоге. Измените дизайн значка и файла изображения в соответствии с надстройкой и снова создайте zip-файл на последнем шаге. Ваш zip-файл является надстройкой шаблона редактора, которую вы можете добавить в систему с открытым исходным кодом платформы Elanat.
Формат файла catalog.xml:
‹?xml версия=”кодировка 1.0=”UTF-8 автономная=”да”?›
‹editor_template_catalog_root› ‹editor_template_name значение=”” /›
‹editor_template_category value="другое" /›
‹editor_template_author значение=”” /›
‹editor_template_directory_path значение=”” /›
‹editor_template_physical_name значение=”template.html” /›
‹editor_template_replace use_language="false" use_replace_part="false" use_module="false" use_plugin="false" use_elanat="false" use_item="false" use_fetch="false" /›
‹editor_template_cache_parameters›/editor_template_cache_parameters›
‹editor_template_version value=”1.0.0.0 /›‹editor_template_release_date value="2022/07/01/›
‹editor_template_info›‹/editor_template_info›
‹editor_template_license›‹/editor_template_license›
‹editor_template_static_head›‹script type="text/javascript"›‹![CDATA[ function AddHelloWorld() { ElanatVariant.EditorTemplateValue = «Hello World!»; } ]]› ‹/script› ‹/editor_template_static_head›
‹editor_template_load_tag›‹/editor_template_load_tag›
‹editor_template_view_static_head›‹/editor_template_view_static_head›
‹editor_template_view_load_tag›‹/editor_template_view_load_tag›
‹editor_template_version_support›‹значение версии=”1.0.0.0 /›‹/editor_template_version_support›
‹editor_template_author_website›‹/editor_template_author_website›
‹editor_template_install_path значение=”” /›
‹editor_template_uninstall_path значение=”” /›
‹/editor_template_catalog_root›
Советы:
— Вы можете добавить функцию el_InsertEditorTemplateValueToWysiwyg() в последнюю строку вашей функции javascript.
— Вы можете создать многоцелевой шаблон редактора, содержащий большое количество наборов значений.
— При добавлении шаблона редактора в Wysiwyg также добавляется тег br, чтобы шаблон редактора отделялся от следующих строк одной строкой; Так что вам не нужно добавлять этот тег.
— После добавления шаблона редактора в Wysiwyg вариант ElanatVariant.EditorTemplateValue принимает нулевое значение.
Примечание.
Функцию el_InsertEditorTemplateValueToWysiwyg() следует вызывать после заполнения переменной ElanatVariant.EditorTemplateValue.
