Главная » Интересно

Как правильно включить просмотр черновиков в редакторе текста TinyMCE

На чтение 6 мин Опубликовано Обновлено

TinyMCE — это мощный и гибкий текстовый редактор, который широко используется для создания содержания и форматирования текста на веб-страницах. Однако, базовая версия TinyMCE не обеспечивает функциональность просмотра черновиков, что может быть неудобно для пользователей, ведущих блоги или работающих с длинными текстами.

В данной статье будет рассмотрен простой способ включения функции просмотра черновиков в TinyMCE, что позволит пользователям сохранять и просматривать свои черновики в редакторе.

Для включения просмотра черновиков в TinyMCE следуйте данным инструкциям:

  1. Шаг 1: Откройте файл конфигурации TinyMCE, который обычно называется «tinymce.init».
  2. Шаг 2: Внутри файла конфигурации найдите параметр «plugins» и добавьте к нему «draft».
  3. Шаг 3: Далее найдите параметр «toolbar» и добавьте «draft» к его значению.

После выполнения этих трех шагов вы сможете видеть и управлять своими черновиками в TinyMCE. Просто нажмите на кнопку «Черновик» в редакторе, чтобы открыть список своих сохраненных черновиков и продолжить работу над ними.

Теперь, благодаря включению просмотра черновиков в TinyMCE, вы можете быть уверены, что ни одна ваша идея или мысль не будут потеряны, и всегда будет возможность вернуться к ним и развить их в полноценные материалы.

Содержание
  1. Как настроить просмотр черновиков в TinyMCE
  2. Подготовка к включению просмотра черновиков
  3. Включение поддержки черновиков в настройках TinyMCE
  4. Отображение черновиков в TinyMCE
  5. Сохранение и публикация черновиков в TinyMCE

Как настроить просмотр черновиков в TinyMCE

Интегрированный редактор текста TinyMCE предлагает удобную функцию для работы с черновиками. Черновики позволяют сохранять промежуточные версии текста и в случае необходимости возвращаться к любому из них. Для включения просмотра черновиков в TinyMCE следуйте инструкциям ниже.

Шаг 1: Загрузите и интегрируйте TinyMCE на вашу веб-страницу, следуя документации на официальном сайте.

Шаг 2: Добавьте следующие настройки в инициализацию TinyMCE:


tinymce.init({
...
drafts: true,
drafts_interval: 60, // Интервал автосохранения в секундах
...
});

Шаг 3: Добавьте кнопку «Черновик» на панель инструментов редактора. Для этого в параметрах инициализации TinyMCE укажите следующую настройку:


tinymce.init({
...
toolbar: "draft",
...
});

Примечание: Если вы хотите добавить кнопку «Черновик» к уже существующей панели инструментов, укажите ее имя в настройке «toolbar» через запятую (например, «bold,italic,draft»).

Шаг 4: Обработайте событие щелчка на кнопке «Черновик» и отобразите список черновиков. Для этого вы можете использовать JavaScript и AJAX для получения данных черновиков из базы данных или файла.

Теперь вы можете настроить функциональность просмотра черновиков в TinyMCE и легко управлять своими промежуточными версиями текста.

Подготовка к включению просмотра черновиков

Прежде чем включить просмотр черновиков в TinyMCE, вам нужно выполнить несколько предварительных действий.

  1. Установите TinyMCE: Убедитесь, что вы установили последнюю версию TinyMCE на свой веб-сервер.
  2. Настройка конфигурации: Откройте файл конфигурации TinyMCE и убедитесь, что включен модуль черновиков. Установите соответствующие параметры для этого модуля.
  3. Сохранение черновиков: Вам также нужно настроить функцию сохранения черновиков в вашей системе. Убедитесь, что вы добавили поддержку сохранения черновиков в базу данных или файловую систему.
  4. Добавление кнопки черновика: Чтобы пользователи могли легко открывать черновики, добавьте кнопку черновика в панель инструментов TinyMCE. Для этого отредактируйте файл настройки панели инструментов.

После того как вы выполните эти шаги, ваша система TinyMCE будет готова к использованию просмотра черновиков. Пользователи смогут сохранять и просматривать черновики в редакторе TinyMCE, обеспечивая более гибкую и удобную работу с контентом.

Включение поддержки черновиков в настройках TinyMCE

  1. Откройте настройки TinyMCE. Это можно сделать путем редактирования файла конфигурации.
  2. Найдите параметр «plugins» и убедитесь, что включены плагины, отвечающие за работу с черновиками. Например, «autosave» и «drafts». Если эти плагины отсутствуют, добавьте их в список плагинов.
  3. Установите параметр «drafts_interval» для определения временного интервала автосохранения черновика. Например, если установить значение в 60 секунд, черновик будет автоматически сохраняться каждую минуту.
  4. Дополнительно, вы можете настроить параметр «drafts_prefix» для добавления префикса к именам черновиков. Например, если указать значение «draft_», все черновики будут сохраняться с префиксом «draft_».
  5. После завершения настроек, сохраните файл конфигурации и перезагрузите TinyMCE.

Теперь поддержка черновиков включена в TinyMCE! При редактировании контента, черновик будет автоматически сохраняться, что позволит вам возвращаться к нему в случае нежелательных изменений или необходимости сделать дополнительные правки.

Не забудьте регулярно сохранять окончательные версии контента, чтобы избежать потери данных. Теперь вы можете использовать эту полезную функцию для повышения производительности и удобства работы с TinyMCE.

Отображение черновиков в TinyMCE

Для включения просмотра черновиков в редакторе TinyMCE, необходимо выполнить следующие шаги:

  1. Установите и подключите плагин «Drafts» для TinyMCE.
  2. Настройте опции плагина: включите отображение кнопки «Черновики» и задайте обработчик события для этой кнопки.
  3. Реализуйте обработчик события кнопки «Черновики», который будет открывать окно с таблицей, содержащей список черновиков.
  4. В таблице черновиков можно добавлять, редактировать и удалять черновики, а также выбирать текущий черновик для отображения его содержимого в редакторе.
  5. При выборе черновика, его содержимое загружается в TinyMCE и сразу отображается для редактирования.

Таким образом, после выполнения этих шагов пользователь сможет легко просматривать, редактировать и управлять черновиками прямо в TinyMCE.

Сохранение и публикация черновиков в TinyMCE

Черновики позволяют пользователям сохранять неоконченные статьи или страницы, чтобы потом продолжить работу над ними. Вместо того, чтобы терять все изменения при закрытии или обновлении страницы, черновики сохраняют их автоматически и предоставляют пользователю позже возможность вернуться к работе над ними.

Чтобы включить сохранение и публикацию черновиков в TinyMCE, вы можете использовать плагин Drafts, который расширяет функциональность редактора. Для его установки необходимо выполнить следующие шаги:

  1. Скачайте плагин Drafts с официального сайта TinyMCE.
  2. Подключите файлы плагина Drafts к вашей странице, добавив ссылку на них в секцию head:

<head>
<script src="path/to/drafts.min.js"></script>
<link rel="stylesheet" href="path/to/drafts.min.css">
</head>
  1. Инициализируйте плагин Drafts в конфигурации объекта TinyMCE:

<script>
tinymce.init({
selector: 'textarea',
plugins: 'drafts',
toolbar: 'drafts',
drafts_autosave_interval: '10s',
drafts_save_dir: 'path/to/saves',
drafts_public_dir: 'path/to/public',
drafts_preview_url: 'path/to/preview',
drafts_publish_url: 'path/to/publish'
});
</script>

В приведенном коде мы добавили плагин Drafts в список плагинов TinyMCE и указали некоторые параметры:

  • drafts_autosave_interval: определяет интервал автосохранения черновиков (в данном случае каждые 10 секунд).
  • drafts_save_dir: путь к директории, в которой будут сохраняться черновики.
  • drafts_public_dir: путь к директории, в которой будут храниться публикации черновиков.
  • drafts_preview_url: URL-адрес, по которому будет доступна предварительный просмотр черновика.
  • drafts_publish_url: URL-адрес, по которому будет доступна публикация черновика.

Теперь вам остается только сохранить исходный файл и запустить вашу страницу, чтобы использовать функцию сохранения и публикации черновиков в TinyMCE.

Оцените статью