TinyMCE устаревшей версии: различия между версиями

Материал из База знаний Центра ПУСК МФТИ
← Предыдущая правка
ВизуальныйВики-текст
мНет описания правки
мНет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 94: Строка 94:
|}
|}


== Вставить таблицу ==
{| class="wikitable"
|+
|[[Файл:HTMLeditor Insert Table .png|альт=Основное меню вставки таблицы|без|мини|424x424пкс|Вкладка «Общие» при вставке или редактировании таблицы.]]
|[[Файл:HTMLeditor Insert Table advanced.png|альт=Вкладка Дополнительные при вставке таблицы|без|мини|400x400пкс|Вкладка «Дополнительные» при вставке или редактировании таблицы]]
|}


 
=== Как добавить границы к таблице ===
 
Вставить таблицу
 
Вкладка Общие
 
Вкладка Общие
 
 
Вкладка Дополнительно
 
Вкладка Дополнительно
 
Как добавить границы к таблице
 
Границы ячеек имеют решающее значение для того, чтобы помочь читателям следить за строками на экране. Если они еще не отображаются, вы можете добавить их следующим образом:
Границы ячеек имеют решающее значение для того, чтобы помочь читателям следить за строками на экране. Если они еще не отображаются, вы можете добавить их следующим образом:


На вики-странице, содержащей вашу таблицу, перейдите на ее вкладку "Редактировать"
# На странице, содержащей вашу таблицу, нажмите на иконку таблицы, после чего откроется вкладка «Общие».
 
# Установите толщину границы, минимум 1: на скриншоте выше стоит 0, значит, после сохранения границ у таблицы не будет.
Тщательно выделите все ячейки таблицы.
# Перейдите на вкладку «Дополнительные» и установите цвет границы, например, черный. Нажмите «Применить», а затем «Обновить».
 
# Нажмите Сохранить; после этого загрузится страница, содержащая вашу таблицу с отображением границ.
Затем щелкните правой кнопкой мыши (для Mac: Command+click или Ctrl+Click) по любой выделенной части, чтобы вызвать контекстное меню; в нем выберите Ячейка > Свойства ячейки таблицы; затем загрузится диалоговое окно свойств ячейки.
 
Перейдите на вкладку "Дополнительно", установите цвет рамки на черный (например), затем нажмите "Применить", а затем "Обновить".
 
Нажмите Сохранить; после этого загрузится вики-страница, содержащая вашу таблицу, с отображением ее границ.
 
Настройки редактора TinyMCE
 
В редакторе HTML TinyMCE есть своя страница настроек Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > Редактор HTML TinyMCE > Общие настройки со следующими параметрами:
 
Плагины
 
Кнопки для формул, смайликов, изображений, мультимедиа, автоматической перелинковки и проверки орфографии можно включить, отключить или удалить, нажав на них.


== Настройки редактора TinyMCE ==
В редакторе HTML TinyMCE есть своя страница настроек Администрирование > Плагины > Текстовые редакторы > Редактор HTML TinyMCE > Общие настройки со следующими параметрами:
[[Файл:Редактор Tiny настройки фрагмент.png|альт=Редактор Tiny настройки фрагмент|без|мини|800x800пкс|Кнопки для формул, смайликов, изображений, мультимедиа, автоматической перелинковки и проверки орфографии можно включить, отключить или удалить, нажав на них.]]
Кроме того, кнопки для формул, смайликов и проверки орфографии содержат ссылки на их настройки.
Кроме того, кнопки для формул, смайликов и проверки орфографии содержат ссылки на их настройки.


"Экран подключаемых модулей редактора TinyMCE"
=== Настройка панели инструментов редактора ===
 
Администратор может удалить или добавить кнопки на панель инструментов редактора TinyMCE, изменив панель инструментов редактора в разделе Администрирование > Плагины > Текстовые редакторы > HTML-редактор TinyMCE > Панель инструментов редактора:
Экран подключаемых модулей редактора TinyMCE
[[Файл:Редактор Tiny настройки панели.png|альт=Редактор Tiny настройки панели|без|мини|800x800пкс|Редактор Tiny настройки панели]]
 
Управление встроенными файлами
 
Этот плагин позволяет пользователям добавлять, удалять или переопределять файлы, встроенные в текущую текстовую область, например, в ярлык или краткое описание темы. (Он дополняет хранилище встроенных файлов)
 
Кнопка "Управление файлами"
 
Управление встроенными файлами из TinyMCE
 
Вставьте уравнение
 
Доступ осуществляется из меню Администрирование> Администрирование сайта > Плагины > Текстовые редакторы > HTML-редактор TinyMCE > Редактировать уравнение, что позволяет включать или отключать текстовый фильтр в контексте редактора и, таким образом, отображать кнопку Dragmath. Если у вас есть глобальный пользовательский текстовый фильтр, отключите этот параметр.
 
Вставить смайлик
 
Доступ осуществляется из меню Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > HTML-редактор TinyMCE > Вставить смайлик. Это позволяет включать или отключать фильтр смайликов в контексте редактора и, таким образом, отображать кнопку со смайликом.
 
Устаревшая программа проверки орфографии
 
Устаревшая проверка орфографии доступна только в IE9 и более поздних версиях, но не в других браузерах. Если вы хотите отключить его и вместо этого использовать функцию проверки орфографии в браузере, вы можете сделать это, отключив устаревший плагин проверки орфографии, щелкнув по нему в меню Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > Редактор HTML TinyMCE > Общие настройки
 
Чтобы проверить орфографию через браузер, введите нужное слово (при неправильном написании под ним будут выделены красные линии) и нажмите правой кнопкой мыши + CTRL
 
Щелкните правой кнопкой мыши +CTRL для проверки орфографии в браузере
 
ПРИМЕЧАНИЕ: Хотя по умолчанию используется Google spell, который можно изменить в меню Администрирование> Администрирование сайта> Плагины> Текстовые редакторы> HTML-редактор TinyMCE, Google больше не поддерживает его и он не будет работать. (Обратите внимание, что он доступен только в IE9 и более поздних версиях) Его необходимо удалить. Смотрите номер MDL-38867. Рекомендуется проверять орфографию в браузере.
 
Если выбран параметр PSpell, то на вашем сервере должен быть установлен aspell версии 0.50 или более поздней, а путь к aspell должен быть указан в разделе Администрирование > Администрирование сайта > Сервер > Системные пути.
 
Вы можете выбрать другой орфографический движок в разделе Администрирование> Администрирование сайта > Плагины > Текстовые редакторы > HTML-редактор TinyMCE> Проверка орфографии.
 
Выбираем другой орфографический движок
 
Согласно: <nowiki>http://php.net/manual/en/book.pspell.php</nowiki>
 
"Начиная с версии php 5.3. Pspell больше не поддерживается / не входит в комплект поставки. Вместо этого вы можете использовать enchant, который по умолчанию включен в 5.3."
 
Если выбран параметр PSpell, на вашем сервере должен быть установлен aspell версии 0.50 или более поздней, а путь к aspell должен быть указан в разделе Администрирование > Администрирование сайта > Сервер > Системные пути.
 
Настройка панели инструментов редактора
 
Администратор может удалить или добавить кнопки на панель инструментов редактора TinyMCE, изменив панель инструментов редактора в разделе Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > HTML-редактор TinyMCE > Общие настройки, как показано на скринкасте Настройка текстового редактора в 2.4.
 
Панель инструментов редактора
 
Пример панели инструментов с добавленной кнопкой "Горизонтальное правило"
 
Список доступных шрифтов
 
В дополнение к шрифтам, используемым по умолчанию, администратор сайта может добавить дополнительные шрифты, введя их название и строку в поле Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > HTML-редактор TinyMCE > Общие настройки, как показано на скринкасте, посвященном добавлению дополнительных шрифтов.
 
Пример пользовательского шрифта
 
Пользовательская конфигурация
 
Настройка в разделе Администрирование>Администрирование сайта>Плагины> Текстовые редакторы>HTML-редактор TinyMCE>Общие настройки предоставляет возможность администратору применять пользовательские форматы. Более подробную информацию с примерами смотрите в MDL-37186, а также на странице конфигурации TinyMCE
 
Пример 1:Панель инструментов внизу
 
Пример 2: Пользовательские стили
 
Пример: Переместите панель инструментов вниз:
 
Добавьте следующее:
 
{"theme_advanced_toolbar_location" : "внизу"}
 
Пример: Добавьте свои собственные пользовательские стили.
 
(Это может быть полезно, например, если вам нужен "домашний стиль" для важных заметок, ключевых моментов или чего-то подобного) На панели инструментов редактора введите "выбор стилей", а затем в поле "Пользовательский" добавьте следующий код, изменив его в соответствии с вашими целями:
 
{"стиль_форматов" : [
 
{"заголовок" : "Выделенный жирным шрифтом текст", "встроенный" : "b"},
 
<nowiki>{"заголовок" : "Красный текст", "встроенный" : "диапазон", "стили" : {"цвет" : "#ff0000"}},</nowiki>
 
<nowiki>{"заголовок" : "Красный заголовок", "блок" : "h1", "стили" : {"цвет" : "#ff0000"}} ]}</nowiki>
 
Следующее позволит вам использовать классы bootstrap CSS, если вы используете тему на основе bootstrap:
 
   {"style_formats" : [
 
{"заголовок" : "Хорошо", "блок" : "div", "классы" : "хорошо"},
 
       {"заголовок" : "Метка", "встроенный" : "диапазон", "классы" : "метка"},
 
       {"заголовок" : "Метка - успех", "встроенный" : "диапазон", "классы" : "метка-успех"},
 
       {"заголовок" : "Метка - предупреждение", "встроенный" : "диапазон", "классы" : "метка-предупреждение"},
 
       {"title" : "Метка - важная", "встроенная" : "диапазон", "классы" : "метка-важная"},
 
{"title" : "Метка - информация", "встроенная" : "диапазон", "классы" : "метка-информация"},
 
       {"title" : "Обратная метка", "inline" : "span", "classes" : "обратная метка метки"},
 
       {"заголовок" : "Кнопка", "встроенный" : "a", "классы" : "btn btn"},
 
       {"заголовок" : "Кнопка - основная", "встроенная" : "a", "классы" : "btn btn-основная"},
 
{"заголовок" : "Кнопка - информация", "встроенная" : "a", "классы" : "btn btn-информация"},
 
       {"заголовок" : "Кнопка - успех", "встроенный" : "a", "классы" : "btn btn-успех"},
 
       {"заголовок" : "Кнопка - предупреждение", "встроенный" : "a", "классы" : "btn btn-предупреждение"},
 
       {"название" : "Кнопка - опасность", "встроенный" : "a", "классы" : "btn btn-опасность"},
 
       {"заголовок" : "Кнопка - обратная", "встроенная" : "a", "классы" : "btn btn-обратная"}
 
   ]}
 
Пример: Включение копирования расширенного контента со стилями из MS Word (tm) и вставка в TineMCE без удаления важных стилей:
 
{"paste_retain_style_properties": "поля, отступы, ширина, высота, размер шрифта".,
 
  шрифт-вес, семейство шрифтов, цвет, выравнивание текста, ul, ol, li,
 
оформление текста, граница, фон, плавающий шрифт, отображение"}
 
Скорость работы TinyMCE в Firefox и Chrome

Текущая версия от 14:02, 3 июня 2025

Текстовый редактор TinyMCE - это плагин для редактирования в Moodle, который можно включить, отключить или установить по умолчанию в меню Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > Управление редакторами.

Пользователи также могут выбрать редактор TinyMCE (вместо редактора по умолчанию Atto) в верхнем правом меню пользователя> Настройки> Настройки редактора.

Сворачивание и разворачивание редактора

Сначала появляется редактор TinyMCE, состоящий всего из одного ряда кнопок. При нажатии на значок вверху слева он расширяется до трех рядов.

Редактор Tiny панель свернутая
Редактор Tiny панель свернутая
Редактор Tiny панель развернутая
Редактор Tiny панель развернутая

Кнопки на панели инструментов

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

Верхняя строка редактора
Верхняя строка редактора
1: Развернуть панель редактора 2. Форматирование 3. Жирный шрифт 4. Курсив
5. Маркированный список 6. Нумерованный список 7. Добавить ссылку 8. Отменить ссылку
9. Остановить автоматическое создание ссылок 10. Добавить изображение 11. Добавить смайлик 12. Добавить медиа
13. Управление встроенными файлами
Вторая строка редактора
Вторая строка редактора
1: Отменить 2. Повторить 3. Подчеркнуть 4. Зачеркнуть
5. Нижний индекс 6. Верхний индекс 7. Выровнять по левому краю 8. Выровнять по центру
9. Выровнять по правому краю 10. Уменьшить отступ 11. Увеличить отступ 12. Цвет текста
13. Цвет фона 14. Слева направо 15. Справа налево
Нижняя строка редактора
Нижняя строка редактора
1: Семейство шрифтов 2. Размер шрифта 3. Отредактируйте HTML 4. Найти
5. Найти/заменить 6. Вставьте неразрывный пробел 7. Вставьте специальный символ 8. Вставьте таблицу
9. Очистите запутанный код 10. Удалите форматирование 11. Вставьте в виде обычного текста 12. Вставьте из MS Word
13. Переключите полноэкранный режим

Выбор цвета

Colourpickers

Существует четыре уровня выбора шрифта или цвета фона:

  • Матрица быстрого выбора цветов размером 5х8;
  • «Дополнительные цвета», которая содержит ссылки на палитру, поддон и именованные вкладки:
Матрица быстрого выбора цветов размером 5х8
Матрица быстрого выбора цветов размером 5х8
Вкладка выбора цветов радуги
Вкладка выбора цветов радуги
Вкладка палитры с матрицей цветов 18x12
Вкладка палитры с матрицей цветов 18x12
Именованная вкладка с пользовательскими палитрами
Именованная вкладка с пользовательскими палитрами

Вставить таблицу

Основное меню вставки таблицы
Вкладка «Общие» при вставке или редактировании таблицы.
Вкладка Дополнительные при вставке таблицы
Вкладка «Дополнительные» при вставке или редактировании таблицы

Как добавить границы к таблице

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

  1. На странице, содержащей вашу таблицу, нажмите на иконку таблицы, после чего откроется вкладка «Общие».
  2. Установите толщину границы, минимум 1: на скриншоте выше стоит 0, значит, после сохранения границ у таблицы не будет.
  3. Перейдите на вкладку «Дополнительные» и установите цвет границы, например, черный. Нажмите «Применить», а затем «Обновить».
  4. Нажмите Сохранить; после этого загрузится страница, содержащая вашу таблицу с отображением границ.

Настройки редактора TinyMCE

В редакторе HTML TinyMCE есть своя страница настроек Администрирование > Плагины > Текстовые редакторы > Редактор HTML TinyMCE > Общие настройки со следующими параметрами:

Редактор Tiny настройки фрагмент
Кнопки для формул, смайликов, изображений, мультимедиа, автоматической перелинковки и проверки орфографии можно включить, отключить или удалить, нажав на них.

Кроме того, кнопки для формул, смайликов и проверки орфографии содержат ссылки на их настройки.

Настройка панели инструментов редактора

Администратор может удалить или добавить кнопки на панель инструментов редактора TinyMCE, изменив панель инструментов редактора в разделе Администрирование > Плагины > Текстовые редакторы > HTML-редактор TinyMCE > Панель инструментов редактора:

Редактор Tiny настройки панели
Редактор Tiny настройки панели
Источник — https://wiki.mipt.ru/index.php?title=TinyMCE_устаревшей_версии&oldid=31897