Редактор TinyMCE: различия между версиями

Материал из База знаний Центра ПУСК МФТИ
← Предыдущая правка
ВизуальныйВики-текст
пер
мНет описания правки
 
(не показано 5 промежуточных версий этого же участника)
Строка 117: Строка 117:
[[Файл:Редактор Tiny раздел Вставить ссылку.png|центр|безрамки|450x450пкс]]
[[Файл:Редактор Tiny раздел Вставить ссылку.png|центр|безрамки|450x450пкс]]


=== Insert / Edit Multimedia ===
=== Вставка/редактирование мультимедийных файлов ===
To insert existing audio or videos clips, the TinyMCE editor supports Moodle standard [[Media embedding|Media embedding interface]].  
Для вставки существующих аудио- или видеоклипов редактор TinyMCE поддерживает стандарт Moodle [[Media embedding|Встраивание мультимедийных файлов]].  
[[File:recordstartpausestop.png|thumb]]
[[File:recordstartpausestop.png|thumb]]
=== Record audio, video and screen ===
TinyMCE lets users record [[audio]]and [[video]] clips which will attach to the text once recorded.


'''New in 4.5''', from the camera icon, a user can record their screen if the setting is enabled by the admnin from ''Site administration > Plugins > TinyMCE editor > RecordRTC.'' A Pause recording setting is also available.
=== Запись аудио, видео и экрана ===
TinyMCE позволяет пользователям записывать аудио- и видеоклипы, которые после записи будут прикреплены к тексту.
'''Новое в версии 4.5''': с помощью значка камеры пользователь может записывать свой экран, если администратор включил эту настройку в меню Администрирование сайта > Плагины > Редактор TinyMCE > RecordRTC. Также доступна настройка приостановки записи.
Каждая запись состоит из следующих шагов:


Each recording comprises the following steps:
# '''Начать запись''': когда все будет готово, нажмите кнопку Начать запись
# '''Start recording''': when ready, press the ''Start recording'' Кнопка
# '''Приостановить запись''': приостановить, а затем перезапустить при необходимости (если администратор включил эту настройку).
# '''Pause recording''': pause and then restart when needed (if the setting is enabled by the admin).
# '''Остановить запись''': по завершении нажмите кнопку Остановить запись
# '''Stop recording''': when completed, press the ''Stop recording'' Кнопка
# '''Просмотрите запись''': вы можете прослушать или просмотреть запись с помощью предоставленных элементов управления. Либо прикрепите клип к своему тексту, либо запишите его еще раз.
# '''Review recording''': you can listen to or watch the recording via the provided controls. Either attach the clip to your text or record it again.


Максимальную длину и качество (битрейт) можно [[Редактор TinyMCE#Tiny Record RTC plugin for Moodle|настроить на уровне администратора]].


The maximum length and quality (bitrate) can be [[TinyMCE editor#Tiny Record RTC plugin for Moodle|configured]] at admin level.
=== Вставить/отредактировать пример кода ===
Tiny редактор позволяет вставлять фрагменты кода, выделенные цветом синтаксиса, в редактируемую область.


=== Insert / Edit code sample ===
[[Файл:Редактор Tiny раздел Вставить пример кода.png|альт=Редактор Tiny раздел Вставить пример кода|безрамки|900x900пкс]]
The Tiny editor lets you insert and embed syntax color highlighted code snippets into the editable area.
[[File:Tiny - Code Sample.png|border|center|frameless|600x600px]]
While you can select the (programming) language at the top, it doesn't have any impact on the way the code is displayed.


Tiny also supports formatting of code elements (''Format -> Code''), which changes the selected text to the internally defined <code>code style</code>.
Хотя вы можете выбрать язык программирования в верхней строке перед вводом кода, это никак не повлияет на способ отображения кода.
=== Insert Table ===
Tiny comes with comprehensive table management functionality to handle grid-like structures in your text. In addition to the Insert table menu item, an entire main menu has been dedicated to tables.
[[File:Tiny - Table.png|border|center|frameless|450x450px]]
Once a table has been added, you can customise individual cells, row, columns, and the properties of the entire table. The following self-explanatory menu items are available, all supporting standard HTML table options:
* Cell
** Cell properties
** Merge cells
** Split cells
* Row
** Insert row before
** Insert row after
** Delete row
** Row properties
** Cut row
** Copy row
** Paste row before
** Paste row after
* Column
** Insert column before
** Insert column after
** Delete column
** Cut column
** Copy column
** Paste column before
** Paste column after
* Table properties
* Delete table
[[File:Tiny - Table operations.png|border|center|frameless|600x600px]]
The table editor also shows context-sensitive menus when editing different table elements.
=== Insert special character ===
The special character picker lets you insert letters and symbols (a map of special unicode characters) that are difficult or impossible to access via your keyboard. You can either search by keyword and / or browse categories.
[[File:Tiny - Special character.png|border|center|frameless|450x450px]]
=== Insert Emojis ===
Bring a smiley to your content: The emoji picker lets you insert pictograms. You can either search by keyword and / or browse categories.
[[File:Tiny - Emojis.png|border|center|frameless|450x450px]]
=== Insert HTML elements ===
The following 4 HTML elements are supported by TinyMCE via menus:
* '''Insert horizontal line''': Adds an HTML line to your text.


* '''Insert page break''': Adds a page break (<code><nowiki><p></nowiki></code>) to your text.
Tiny также поддерживает форматирование элементов кода (Format > Code), которое изменяет выделенный текст на внутренне определенный <code>code style</code>.


* '''Insert nonbreaking space''': Add an nonbreaking space (<code>&amp;nbsp;</code>) at the current cursor location.
=== Вставка таблицы ===
Tiny поставляется с широкими возможностями управления таблицами для работы с текстовыми структурами в виде сетки. В дополнение к пункту меню «Вставить таблицу», для редактирования таблиц есть отдельное меню.


* '''Insert anchor''': Insert anchors (sometimes referred to as a bookmarks) to your text. Users will be prompted via a dialog box to enter a string. The string will be inserted into the HTML as an anchor id at the location of the cursor. For example, a user places their cursor at the beginning of "Moodle" and clicks on the anchor Кнопка and enters "start" in the dialog box. The resulting HTML will take the form of <code><nowiki><p><a id="start"></a></nowiki>Moodle<nowiki></p></nowiki></code>.
[[Файл:Редактор Tiny раздел Вставить таблицу.png|альт=Редактор Tiny раздел Вставить таблицу|безрамки|700x700пкс]]
=== Insert date/time ===
The Insert date/time options lets you easily insert the current date and/or time into the editable area at the cursor insertion point.
[[File:Tiny - DateTime.png|border|center|frameless]]
The available format options depend on the selected language.
[[File:Tiny - Equation editor.png|thumb]]
=== Equation editor ===
If either the [[MathJax filter|MathJax]] or the [[TeX notation filter|TeX]] filters are enabled (in ''Site administration > Plugins > Filters > Manage filters'') then the ''Insert equation'' option is provided in the TinyMCE editor for launching the equation editor.


Internally, the equation editor uses the [https://docs.moodle.org/400/en/TeX_notation_filter TeX notation] which can either be entered manually and / or interactively. The interactive elements are grouped into 4 categories (Operators, Arrows, Greek symbols, and Advanced). The content of each tab can be configured via the [[Equation editor settings]].
После добавления таблицы вы можете настраивать отдельные ячейки, строки, столбцы и свойства всей таблицы. Доступны следующие понятные пункты меню, поддерживающие стандартные параметры HTML-таблиц:
{| class="wikitable"
|+
|Ячейка
|Строка
|Столбец
|-
|
* Свойства ячейки
* Объединение ячеек
* Разделение ячеек
|
* Вставить строку перед
* Вставить строку после
* Удалить строку
* Свойства строки
* Вырезать строку
* Скопировать строку
* Вставить строку перед
* Вставить строку после
|
* Вставить столбец перед
* Вставить столбец после
* Удалить столбец
* Вырезать столбец
* Скопировать столбец
* Вставить столбец перед
* Вставить столбец после
|}
Также есть возможность установить свойства таблицы и удалить ее.
 
Редактор таблиц также отображает контекстно-зависимые меню при редактировании различных элементов таблицы:
[[Файл:Редактор Tiny раздел Вставить таблицу меню.png|альт=Редактор таблиц также отображает контекстно-зависимые меню при редактировании различных элементов таблицы.|безрамки|800x800пкс]]
 
=== Вставить специальный символ ===
Средство выбора специальных символов позволяет вставлять буквы и символы (есть карта специальных символов Юникода), доступ к которым затруднен или невозможен с клавиатуры. Вы можете выполнять поиск по ключевым словам и / или просматривать категории.
 
[[Файл:Редактор Tiny раздел Вставить спец символ.png|альт=Редактор Tiny раздел Вставить спец. символ|безрамки|450x450пкс]]
 
=== Вставлять смайлики ===
Заставьте ваш контент вызывать улыбку: программа выбора эмодзи (смайликов) позволяет вставлять пиктограммы. Вы можете выполнять поиск по ключевым словам и/или просматривать категории.
 
[[Файл:Редактор Tiny раздел Вставить смайлики.png|альт=Редактор Tiny раздел Вставить смайлики|безрамки|450x450пкс]]
 
=== Вставка HTML-элементов ===
Следующие 4 HTML-элемента поддерживаются TinyMCE с помощью меню:
 
* '''Вставить горизонтальную строку''': добавляет HTML-строку к вашему тексту.
 
* '''Вставить разрыв страницы''': добавляет разрыв страницы (<code><nowiki><p></nowiki></code>) to your text.
 
* '''Вставить неразрывный пробел''': добавьте неразрывный пробел (<code>&amp;nbsp;</code>) at the current cursor location.
 
* '''Вставить привязку''' (якорь, закладку): вставьте привязки (иногда называемые закладками) в свой текст. В диалоговом окне пользователям будет предложено ввести строку. Строка будет вставлена в HTML в качестве идентификатора привязки в месте расположения курсора. Например, пользователь помещает курсор в начало "Moodle", нажимает на кнопку привязки и вводит "start" в диалоговом окне. Результирующий HTML-код будет иметь вид <code><nowiki><p><a id="start"></a></nowiki>Moodle<nowiki></p></nowiki></code>.
 
=== Вставить дату/время ===
Параметры вставки даты и времени позволяют легко вставить текущую дату и/или время в редактируемую область в точке установки курсора.
Доступные параметры формата даты и времени зависят от выбранного языка.
[[Файл:Редактор Tiny раздел Вставить формулу.png|альт=Редактор Tiny раздел Вставить формулу|мини|500x500пкс|Окно редактора формул Mathtype.]]
 
=== Редактор формул ===
Если включены фильтры [[MathJax filter|MathJax]] или [[TeX Filter|TeX]] (в разделе Администрирование сайта > Плагины > Фильтры > Управление фильтрами), то в редакторе TinyMCE предусмотрена опция Вставить уравнение для запуска редактора уравнений.
 
В редакторе формул используется текстовая запись, которую можно ввести вручную и/или в интерактивном режиме. Интерактивные элементы сгруппированы в 4 категории (операторы, стрелки, греческие символы и дополнительно). Содержимое каждой вкладки можно настроить с помощью настроек редактора формул.
 
В нижней части редактора отображается предварительный просмотр.
 
=== Настройка содержимого H5P ===
Вы можете внедрить содержимое [[H5P]] через меню Настройка содержимого H5P следующим образом:
 
# Просмотрите хранилище банка содержимого и выберите файл H5P.
# Выберите либо создать копию файла, либо создать ярлык.
# При необходимости, настройте параметры H5P (разрешить загрузку, встроить ссылку, копировать ссылку с авторским правом).
# Нажмите кнопку «Выбрать этот файл».
# Нажмите «Вставить H5P», после чего внутренний адрес будет автоматически введен в поле URL H5P. В качестве альтернативы вы можете ввести любой внутренний или внешний URL H5P вручную.
 
'''Примечание''': если вы создадите ярлык для файла, вы сможете отредактировать его в банке содержимого, и все действия, содержащие ссылку на файл, будут обновлены.
 
== Tiny инструменты ==
[[Файл:Редактор Tiny раздел Вставить инструменты.png|альт=Редактор Tiny раздел Вставить инструменты|мини|600x600пкс]]
В меню Инструменты доступны следующие варианты:
 
=== Исходный код ===
Во всплывающем окне «Исходный код» отображается код страницы, обычно HTML или JS. Код может быть изменен в виде обычного текста; как только окно будет закрыто, любые изменения будут отражены в режиме WYSIWYG.
 
[[Файл:Редактор Tiny раздел Инструменты код.png|альт=Редактор Tiny раздел Инструменты код|безрамки|900x900пкс]]
 
=== Количество слов ===
Во всплывающих окнах отображается количество слов и символов (с пробелами и без них) во всем документе и выделенном тексте соответственно.
 
[[Файл:Редактор Tiny раздел Инструменты кол-во слов.png|альт=Редактор Tiny раздел Инструменты кол-во слов|безрамки|486x486пкс]]
 
Количество слов также указано в нижнем колонтитуле редактора.


At the bottom of the editor, a preview is shown.
=== Проверка общедоступности ===
=== Configure H5P content ===
Автоматическая проверка [[Accessibility|специальных возможностей]] проверяет наличие некоторых распространенных ошибок в тексте. Обычно это элементы структуры текста, которые могут помешать всем пользователям получить равный доступ к информации и функциональным возможностям. Список проблем, которые ищет программа проверки специальных возможностей, следующий:
You can embed [[H5P]] content via the ''Configure H5P content'' menu as follows:
* Изображения с отсутствующим или пустым альтернативным текстом (если только они не используются для презентации).
# Browse the Content bank repository and select an H5P file
* Контраст цвета шрифта и фона соответствует [[wikipedia:Web_Content_Accessibility_Guidelines|рекомендациям WCAG AA]].
# Choose to either make a copy of the file or create a shortcut
* Длинные блоки текста достаточно разбиты на заголовки.
# Optionally, configure the H5P options (Allow download, Embed Кнопка, Copyright Кнопка)
* Все таблицы должны быть подписаны.
# Click the Кнопка 'Select this file'
* Таблицы не должны содержать объединенных ячеек, так как в них трудно ориентироваться с помощью программы чтения с экрана.
# Click 'Insert H5P'These steps will automatically enter the internal address in the H5P URL field. Alternatively, you can enter any internal or external H5P URL manually.
* Все таблицы должны содержать заголовки строк или столбцов.
Note: If you create a shortcut to the file, you can edit it in the Content bank and any activities with a link to the file will be updated.
== Tiny tools ==
[[File:Tiny - Tools menu.png|thumb]]
The following tools are available in vie the '''Tools''' menu:
=== View source code ===
The source code pop up window displays the code of the page, usually HTML or JS. The code can be modified in plain text; once the window is closed, any changes will be reflected in the WYSIWYG mode.
[[File:Tiny - Source code.png|center|frameless|900x900px]]
=== Word count ===
The word pop up windows displays the number of words and the number of characters (with and without spaces) of the entire document and the selected text, respectively.
[[File:Tiny - Word count.png|border|center|frameless|600x600px|alt=]]


=== Медиа-менеджер ===
В медиаменеджере отображаются все медиафайлы, которые были вставлены в текст.


The number of words are also shown in the editor's footer.
В верхней части медиаменеджера отображается знакомый элемент управления файлами, с помощью которого вы можете добавлять, загружать и удалять прикрепленные файлы.
=== Accessibility checker ===
The automated [[accessibility]] checker checks for some common errors in the text. These are usually elements in the way the text is constructed that can prevent all users from having equal access to information and functionality. The list of problems that the accessibility checker looks for is:
* Images with missing or empty alt text (unless they have the presentation role)
* Contrast of font colour and background colour meets [https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines WCAG AA guidelines]
* Long blocks of text are sufficiently broken up into headings
* All tables require captions
* Tables should not contain merged cells as they are difficult to navigate with screen readers
* All tables should contain row or column headers
=== Media Manager ===
The media manager shows all media files that have been embedded in the text.  


The top part of the media manager shows the familiar file management element where you can add, download, and delete attached files.


Files that have been attached and deleted again are shown at the bottom half of the screen.
 
[[File:Tiny - Media manager.png|border|center|frameless|600x600px]]
Файлы, которые были прикреплены и снова удалены, отображаются в нижней части экрана.
== Keyboard shortcuts ==
 
The following keyboard shortcuts will work in the Tiny text editor in most browsers. Note that for many of these commands to work you need to either click in the text editor or select content in the text editor.
[[Файл:Tiny-Media manager.png|безрамки|600x600пкс]]
=== Editor shortcuts ===
 
== Сочетания клавиш ==
Следующие сочетания клавиш будут работать в текстовом редакторе Tiny в большинстве браузеров. Обратите внимание, что для работы многих из этих команд вам необходимо либо щелкнуть мышью в текстовом редакторе, либо выбрать содержимое в текстовом редакторе.
 
=== Команды редактора ===
{| class="wikitable"
{| class="wikitable"
!Windows Command
!Windows  
!Mac Command
!Mac  
!Function
!Функция
|-
|-
|Ctrl + Shift + f
|Ctrl + Shift + f
|⌘ + Shift + f
|⌘ + Shift + f
|Full screen toggle
|Переключение на весь экран
|-
|-
|Ctrl + c
|Ctrl + c
|⌘ + c
|⌘ + c
|Copy
|Копировать
|-
|-
|Ctrl + v
|Ctrl + v
|⌘ + v
|⌘ + v
|Paste
|Вставить
|-
|-
|Ctrl + Shift + v
|Ctrl + Shift + v
|⌘ + Shift + v
|⌘ + Shift + v
|Paste without formatting (very useful)
|Вставить без форматирования (очень полезно)
|-
|-
|Ctrl + x
|Ctrl + x
|⌘ + x
|⌘ + x
|Cut
|Вырезать
|-
|-
|Ctrl + z
|Ctrl + z
|⌘ + z
|⌘ + z
|Undo
|Отменить
|-
|-
|Ctrl + y
|Ctrl + y
|⌘ + y
|⌘ + y
|Redo
|Переделать
|-
|-
|Ctrl + a
|Ctrl + a
|⌘ + a
|⌘ + a
|Select all
|Выбрать все
|-
|-
|Ctrl + f
|Ctrl + f
|⌘ + f
|⌘ + f
|Find and replace
|Найти и заменить
|-
|-
|F3
|F3
|<s>F3</s>
|<s>F3</s>
|Find next
|Найти следующее
|-
|-
|Shift + F3
|Shift + F3
|<s>Shift + F3</s>
|<s>Shift + F3</s>
|Find previous
|Найти предыдущее
|-
|-
|Ctrl + b
|Ctrl + b
|⌘ + b
|⌘ + b
|Bold
|Жирный шрифт
|-
|-
|Ctrl + i
|Ctrl + i
|⌘ + i
|⌘ + i
|Italics
|Курсив
|-
|-
|Ctrl + u
|Ctrl + u
|⌘ + u
|⌘ + u
|Underline
|Нижнее подчеркивание
|-
|-
|Ctrl + k
|Ctrl + k
|⌘ + k
|⌘ + k
|Insert/edit link
|Вставить/отредактировать ссылку
|-
|-
|Ctrl + Right arrow
|Ctrl + Right arrow
|Option + Right arrow
|Option + Right arrow
|Move to the end of the next word
|Перейти к концу следующего слова
|-
|-
|Ctrl + Left arrow
|Ctrl + Left arrow
|Option + Left arrow
|Option + Left arrow
|Move to the end of the previous word
|Перейти к концу предыдущего слова
|-
|-
|Ctrl + Shift + Right arrow
|Ctrl + Shift + Right arrow
|Shift + Option + Right arrow
|Shift + Option + Right arrow
|Select the next word or letter
|Выбрать следующее слово или букву
|-
|-
|Ctrl + Shift + Left arrow
|Ctrl + Shift + Left arrow
|Shift + Option + Left arrow
|Shift + Option + Left arrow
|Select the previous word or letter
|Выбрать предыдущее слово или букву
|-
|-
|Ctrl + Shift + Home
|Ctrl + Shift + Home
|<s>⌘ + Shift + Home</s>
|<s>⌘ + Shift + Home</s>
|Select from the cursor to the beginning of the page
|Перейти от курсора к началу страницы
|-
|-
|Ctrl + Shift + End
|Ctrl + Shift + End
|<s>⌘ + Shift + End</s>
|<s>⌘ + Shift + End</s>
|Select from the cursor to the end of the page
|Перейти от курсора к концу страницы
|-
|-
|Ctrl + Home
|Ctrl + Home
|⌘ + Up arrow
|⌘ + Up arrow
|Move to the beginning of the page
|Перейти к началу страницы
|-
|-
|Ctrl + End
|Ctrl + End
|⌘ + Down arrow
|⌘ + Down arrow
|Move to the end of the page
|Перейти к концу страницы
|-
|-
|Ctrl + Backspace
|Ctrl + Backspace
|<s>⌘ + Backspace</s>
|<s>⌘ + Backspace</s>
|Delete word or letter to the left
|Удалите слово или букву слева
|-
|-
|Ctrl + Delete
|Ctrl + Delete
|<s>⌘ + Delete</s>
|<s>⌘ + Delete</s>
|Delete word or letter to the right
|Удалите слово или букву справа
|-
|-
|Ctrl + P
|Ctrl + P
|⌘ + P
|⌘ + P
|Print
|Печать
|-
|-
|Alt+Shift+1
|Alt+Shift+1
|Ctrl+Option+1
|Ctrl+Option+1
|Header 1
|Заголовок 1
|-
|-
|Alt+Shift+2
|Alt+Shift+2
|Ctrl+Option+2
|Ctrl+Option+2
|Header 2
|Заголовок 2
|-
|-
|Alt+Shift+3
|Alt+Shift+3
|Ctrl+Option+3
|Ctrl+Option+3
|Header 3
|Заголовок 3
|-
|-
|Alt+Shift+4
|Alt+Shift+4
|Ctrl+Option+4
|Ctrl+Option+4
|Header 4
|Заголовок 4
|-
|-
|Alt+Shift+5
|Alt+Shift+5
|Ctrl+Option+5
|Ctrl+Option+5
|Header 5
|Заголовок 5
|-
|-
|Alt+Shift+6
|Alt+Shift+6
|Ctrl+Option+6
|Ctrl+Option+6
|Header 6
|Заголовок 6
|-
|-
|Alt+Shift+7
|Alt+Shift+7
|Ctrl+Option+7
|Ctrl+Option+7
|Paragraph
|Параграф
|-
|-
|Alt+Shift+8
|Alt+Shift+8
Строка 376: Строка 408:
|Alt+Shift+9
|Alt+Shift+9
|Ctrl+Option+9
|Ctrl+Option+9
|Address
|Адрес
|-
|-
|Alt+0
|Alt+0
|Option+0
|Option+0
|Help dialogue (list of shortcuts)
|Диалог справки (список ярлыков)
|-
|-
|Ctrl and +
|Ctrl and +
|⌘ and +
|⌘ and +
|Zoom in (not specific to the editor, but very useful)
|Увеличение масштаба (не относится к редактору, но очень полезно)
|-
|-
|Ctrl and -
|Ctrl and -
|⌘ and -
|⌘ and -
|Zoom out (not specific to the editor, but very useful)
|Уменьшение масштаба (не относится к редактору, но очень полезно)
|-
|-
|Ctrl and 0
|Ctrl and 0
|⌘ and 0
|⌘ and 0
|Reset zoom (not specific to the editor, but very useful)
|Сброс масштаба (не относится к редактору, но очень полезно)
|-
|-
|Double-click
|Double-click
|Double-click
|Double-click
|Select word
|Выберите слово
|-
|-
|Triple-click
|Triple-click
|Triple-click
|Triple-click
|Select line
|Выберите строку
|}
|}
=== Keyboard navigation ===
The sections of the outer UI of the editor - the menubar, toolbar, sidebar and footer - are all keyboard navigable.
==== Activating keyboard navigation ====
There are multiple ways to activate keyboard navigation:
* Focus the menubar: Alt + F9 (Windows) or ⌥F9 (MacOS)
* Focus the toolbar: Alt + F10 (Windows) or ⌥F10 (MacOS)
* Focus the footer: Alt + F11 (Windows) or ⌥F11 (MacOS)
Focusing the menubar or toolbar will start keyboard navigation at the first item in the menubar or toolbar, which will be highlighted with a gray background. Focusing the footer will start keyboard navigation at the first item in the element path, which will be highlighted with an underline.
==== Moving between UI sections ====
When keyboard navigation is active, pressing tab will move the focus to the next major section of the UI, where applicable. These sections are:
* the menubar
* each group of the toolbar
* the sidebar
* the element path in the footer
* the wordcount toggle Кнопка in the footer
* the branding link in the footer
* the editor resize handle in the footer
Pressing shift + tab will move backwards through the same sections, except when moving from the footer to the toolbar. Focusing the element path then pressing shift + tab will move focus to the first toolbar group, not the last.
==== Moving within UI sections ====
Keyboard navigation within UI sections can usually be achieved using the left and right arrow keys. This includes:
* moving between menus in the menubar
* moving between Кнопкаs in a toolbar group
* moving between items in the element path
In all these UI sections, keyboard navigation will cycle within the section. For example, focusing the last Кнопка in a toolbar group then pressing right arrow will move focus to the first item in the same toolbar group.
==== Executing Кнопкаs ====
To execute a Кнопка, navigate the selection to the desired Кнопка and hit space or enter.
==== Opening, navigating and closing menus ====
When focusing a menubar Кнопка or a toolbar Кнопка with a menu, pressing space, enter or down arrow will open the menu. When the menu opens the first item will be selected. To move up or down the menu, press the up or down arrow key respectively. This is the same for submenus, which can also be opened and closed using the left and right arrow keys.


To close any active menu, hit the escape key. When a menu is closed the selection will be restored to its previous selection. This also works for closing submenus.
=== Навигация с помощью клавиатуры ===
==== Context toolbars and menus ====
Все разделы внешнего интерфейса редактора: строка меню, панель инструментов, боковая панель и нижний колонтитул доступны для навигации с помощью клавиатуры.
To focus an open context toolbar such as the table context toolbar, press Ctrl + F9 (Windows) or ⌃F9 (MacOS).
 
==== Активация навигации с клавиатуры ====
Существует несколько способов активировать навигацию с клавиатуры:
 
* Сфокусируйте панель меню: Alt + F9 (Windows) или ⌥F9 (Mac OS)
* Сфокусируйте панель инструментов: Alt + F10 (Windows) или ⌥F10 (macOS)
* Наведите курсор на нижний колонтитул: Alt + F11 (Windows) или ⌥F11 (macOS)
 
Наведение курсора на строку меню или панель инструментов запустит навигацию по первому элементу в строке меню или панели инструментов, который будет выделен серым фоном. Наведение курсора на нижний колонтитул запустит навигацию с клавиатуры по первому элементу в контуре элемента, который будет выделен подчеркиванием.
 
==== Перемещение между разделами пользовательского интерфейса ====
Когда активна навигация с клавиатуры, нажатие клавиши tab переместит фокус на следующий важный раздел пользовательского интерфейса, если это применимо. Этими разделами являются:
 
* строка меню;
* каждая группа панели;
* боковая панель;
* путь по элементам в нижнем колонтитуле;
* кнопка переключения количества слов в нижнем колонтитуле;
* брендированная ссылка в нижнем колонтитуле;
* редактор изменения размер маркера в нижнем колонтитуле.
 
Нажатие shift + tab приведет к перемещению в обратном направлении по тем же разделам, за исключением перехода от нижнего колонтитула к панели инструментов. При наведении фокуса на контур элемента, а затем нажатии shift + tab фокус переместится на первую группу панелей инструментов, а не на последнюю.
 
==== Перемещение по разделам пользовательского интерфейса ====
Навигация с клавиатуры по разделам пользовательского интерфейса обычно осуществляется с помощью клавиш со стрелками влево и вправо. Это включает в себя:
 
* перемещение между меню в строке меню;
* перемещение между кнопками в группе инструментов;
* перемещение между элементами в пути к элементу.
 
Во всех этих разделах пользовательского интерфейса навигация с клавиатуры будет циклической в пределах раздела. Например, если сфокусироваться на последней кнопке в группе панелей инструментов, а затем нажать стрелку вправо, фокус переместится на первый элемент в той же группе панелей инструментов.
 
==== Открытие, навигация и закрытие меню ====
При наведении курсора мыши на кнопку в строке меню или на панели инструментов с меню, нажатие клавиши пробел, ввод или стрелка вниз приведет к открытию меню. При открытии меню будет выбран первый элемент. Для перемещения по меню вверх или вниз нажмите клавишу со стрелкой вверх или вниз соответственно. То же самое относится и к подменю, которые также можно открывать и закрывать с помощью клавиш со стрелками влево и вправо.
 
Чтобы закрыть любое активное меню, нажмите клавишу escape. При закрытии меню выбор будет восстановлен в прежнем виде. Это также работает для закрытия подменю.
 
==== Контекстные панели инструментов и меню ====
Чтобы сфокусировать открытую контекстную панель инструментов, например контекстную панель инструментов таблицы, нажмите Ctrl + F9 (Windows) или ⌃F9 (Mac OS).
 
Навигация по контекстной панели инструментов аналогична навигации по панели инструментов, а навигация по контекстному меню аналогична навигации по стандартному меню.
 
==== Диалоговая навигация ====
В TinyMCE есть два типа пользовательских интерфейсов для диалога: диалоги с вкладками и диалоги без вкладок.


Context toolbar navigation is the same as toolbar navigation, and context menu navigation is the same as standard menu navigation.
Когда открывается диалоговое окно без вкладок, фокусируется первый интерактивный компонент в диалоге. Пользователи могут перемещаться между интерактивными компонентами, нажимая tab. Это включает в себя любые кнопки нижнего колонтитула. При нажатии кнопки tab на первом компоненте диалогового окна выполняется возврат к первому компоненту диалога. При нажатии shift + tab выполняется переход в обратном направлении.
==== Dialog navigation ====
There are two types of dialog UIs in TinyMCE: tabbed dialogs and non-tabbed dialogs.


When a non-tabbed dialog is opened, the first interactive component in the dialog will be focused. Users can navigate between interactive components by pressing tab. This includes any footer Кнопкаs. Navigation will cycle back to the first dialog component if tab is pressed while focusing the last component in the dialog. Pressing shift + tab will navigate backwards.
При открытии диалогового окна с вкладками фокусируется на первой кнопке в меню вкладок. Нажатие кнопки tab приведет к переходу к первому интерактивному компоненту на этой вкладке и переключению между компонентами вкладки, кнопками нижнего колонтитула, а затем обратно к кнопке tab. Чтобы переключиться на другую вкладку, сфокусируйте кнопку tab на текущей вкладке, затем с помощью клавиш со стрелками переключайтесь между кнопками tab.


When a tabbed dialog is opened, the first Кнопка in the tab menu is focused. Pressing tab will navigate to the first interactive component in that tab, and will cycle through the tab's components, the footer Кнопкаs, then back to the tab Кнопка. To switch to another tab, focus the tab Кнопка for the current tab, then use the arrow keys to cycle through the tab Кнопкаs.
==== Ярлыки специальных возможностей ====
==== Accessibility shortcuts ====
Это список доступных сочетаний клавиш в пользовательском интерфейсе редактора.
This is a list of available keyboard shortcuts within the editor user interface.
{| class="wikitable"
{| class="wikitable"
!Windows Command
!Windows
!Mac Command
!Mac
!Function
!Функция
|-
|-
|Enter / Spacebar
|Enter / Spacebar
|Enter / Spacebar
|Enter / Spacebar
|Execute command
|Выполните команду
|-
|-
|Tab
|Tab
|Tab
|Tab
|Focus on next UI Element(such as: Menu bar, Toolbar, Toolbar Group, Status Bar Item)
|Сосредоточьтесь на следующем элементе пользовательского интерфейса (например, строке меню, панели инструментов, группе панелей инструментов, элементе строки состояния)
|-
|-
|Shift+Tab
|Shift+Tab
|Shift+Tab
|Shift+Tab
|Focus on previous UI Element(such as: Menu bar, Toolbar, Toolbar Group, Status Bar Item)
|Сосредоточьтесь на предыдущем элементе пользовательского интерфейса (например, строке меню, панели инструментов, группе панелей инструментов, элементе строки состояния)
|-
|-
|Right Arrow / Down Arrow
|Right Arrow / Down Arrow
|Right Arrow / Down Arrow
|Right Arrow / Down Arrow
|Focus next Control(such as: toolbar Кнопка, menu, or menu item)
|Сфокусируйтесь на следующем элементе управления (например, на кнопке панели инструментов, меню или элементе меню)
|-
|-
|Left Arrow / Up Arrow
|Left Arrow / Up Arrow
|Left Arrow / Up Arrow
|Left Arrow / Up Arrow
|Focus previous Control(such as: toolbar Кнопка, menu, or menu item)
|Сфокусируйтесь на предыдущем элементе управления (например, на кнопке панели инструментов, меню или элементе меню)
|-
|-
|Down Arrow / Spacebar
|Down Arrow / Spacebar
|Down Arrow / Spacebar
|Down Arrow / Spacebar
|Open menu or toolbar menu Кнопка
|Откройте меню или кнопку меню на панели инструментов
|-
|-
|Spacebar
|Spacebar
|Spacebar
|Spacebar
|Open group toolbar Кнопка
|Откройте кнопку групповой панели инструментов
|-
|-
|Down Arrow
|Down Arrow
|Down Arrow
|Down Arrow
|Open split toolbar Кнопка
|Откройте кнопку разделенной панели инструментов
|-
|-
|Shift+Enter
|Shift+Enter
|Shift+Enter
|Shift+Enter
|Open the popup menu on split toolbar Кнопкаs
|Откройте всплывающее меню с помощью кнопок разделенной панели инструментов
|-
|-
|Right Arrow
|Right Arrow
|Right Arrow
|Right Arrow
|Open submenu
|Открыть подменю
|-
|-
|Left Arrow / Esc
|Left Arrow / Esc
|Left Arrow / Esc
|Left Arrow / Esc
|Close submenu
|Закрыть подменю
|-
|-
|Esc
|Esc
|Esc
|Esc
|Close dialog
|Закрыть диалог
|-
|-
|Esc
|Esc
|Esc
|Esc
|Close menu
|Закрыть меню
|-
|-
|Esc
|Esc
|Esc
|Esc
|Move focus back to editor body
|Переместить фокус обратно в текст редактора
|}
|}
'''Note''': Browsers and Screen Readers provide additional shortcuts within the editor context.
'''Примечание''': браузеры и программы для чтения с экрана предоставляют дополнительные ярлыки в контексте редактора.
==Site administration settings==
=== General settings ===
From ''Site administration > Plugins > Text editors > TinyMCE editor'' you can disable and enable certain settings, for example the Tiny HTML formatter, Tiny no-auto link and access the setting for the paid service TinyMCE Premium.


You can also disable the TinyMCE branding logo which appears at the bottom of the editor.
== Настройки администрирования сайта ==


=== Общие настройки ===
В разделе Администрирование > Плагины > Текстовые редакторы > Редактор TinyMCE вы можете отключить и включить определенные настройки, например, Tiny HTML formatter, Tiny no-auto link и получить доступ к настройкам платного сервиса TinyMCE Premium.


Вы также можете отключить фирменный логотип TinyMCE, который отображается в нижней части редактора.


====TinyMCE Premium====
=== Настройки редактора формул ===
TinyMCE Premium requires a paid subscription. Your API key is available on your [https://www.tiny.cloud/ Tiny Cloud] account page if you have purchased a subscription, or if you are on a free trial.  
Редактор формул имеет 4 вкладки: Операторы, Стрелки, Греческие символы и Дополнительно. Команды, доступные на каждой вкладке, и их порядок можно настроить в разделе Администрирование > Плагины > Текстовые редакторы > Редактор TinyMCE > Настройки редактора формул.


You can enter the API key and enable specific premium plugins at ''Site administration > Plugins > Text editors > TinyMCE Premium''.
Для каждой группы отображается список команд в текстовом формате.


For TinyMCE premium features charging is done on "per request" basis (number of editor loads). You can make use of the capability 'Access TinyMCE Premium features' (tiny/premium:accesspremium) (new in Moodle 4.4) to control which users can use premium features and in which context.
=== Плагин Tiny Record RTC для Moodle ===
Tiny полностью поддерживает запись мультимедиа. Внутри системы используется RecordRTC ― библиотека JavaScript с открытым исходным кодом, использующая WebRTC для записи аудио и видео. Чтобы настроить ее параметры, перейдите в раздел Администрирование сайта > Плагины > Текстовые редакторы > Редактор TinyMCE > RecordRTC.


The TinyMCE features that may be available to your Moodle site with a Premium subscription are:
Следующие параметры влияют на ресурсы сервера, как с точки зрения пропускной способности, так и с точки зрения использования диска:


* Advanced Tables
* '''Разрешенные типы''': вы можете указать, поддерживается ли запись аудио и видео, только аудио или только видео. Существуют две возможности для управления доступом к кнопкам TinyMCE: Capabilities/tiny/recordrtc:запись видео и Capabilities/tiny/recordrtc:запись аудио
* Advanced Typography
* '''Скорость передачи аудио и видео''': чем ниже скорость передачи, тем меньше размер файла, и наоборот. Скорость передачи данных по умолчанию для записанного аудио (128000) должна составлять около 15 КБАЙТ в минуту; скорость передачи данных по умолчанию для записанного видео (2500000) должна составлять около 20 МБ в минуту.
* Case Change
* '''Ограничение по времени воспроизведения аудио и видео в секундах''': по умолчанию для аудио- и видеозаписи установлено ограничение по времени в 2 минуты. Опять же, чем больше максимальная продолжительность записи, тем больше размер получаемых файлов.
* Checklist
* Enhanced Image Editing
* Export
* Footnotes
* Format Painter
* Link Checker
* Page Embed
* Permanent Pen
* PowerPaste
* Spell Checker Pro
* Spelling Autocorrect
* Table of Contents


Записи хранятся в подкаталогах $CFG->dataroot>/filedir. Убедитесь, что параметры post_max_size и upload_max_filesize настроены в соответствии с ожидаемыми максимальными размерами записей.


You can learn more about these features on [https://www.tiny.cloud/tinymce/features/#productivity TinyMCE's website]. Please note that not all plugins listed on TinyMCE's website are currently available to Moodle users.
=== Общие настройки Tiny ===
В нижнем колонтитуле редактора отображается небольшой значок "Power by Tiny", который содержит ссылку на веб-сайт редактора Tiny. Вы можете отобразить/скрыть этот значок, включив/отключив опцию фирменного стиля Tiny.


=== Equation editor settings ===
== TinyMCE Premium ==
[[File:Tiny - Equation editor settings.png|thumb]]
Для TinyMCE Premium требуется платная подписка. Ваш API-ключ доступен на странице вашей учетной записи [https://www.tiny.cloud/ Tiny Cloud], если вы приобрели подписку или у вас доступна бесплатная пробная версия.  
The equation editor has 4 tabs: Operators, Arrows, Greek symbols, and Advanced. The commands that are available on each tab and their order can be configured in ''Site administration > Plugins > Text editors > TinyMCE editor > Equation editor settings''.


For each group, the list of commands is shown in TeX format.
Вы можете ввести ключ API и включить определенные плагины премиум-класса в разделе Администрирование сайта > Плагины > Текстовые редакторы > TinyMCE Premium.
=== Tiny Record RTC plugin for Moodle ===
[[File:Tiny - RTC settings.png|thumb]]
Tiny fully supports media recording through. Internally, RecordRTC is utilised, an open source JavaScript library using WebRTC for audio and video recording. To configure its settings, navigate to ''Site administration > Plugins > Text editors > TinyMCE editor > RecordRTC'':


The following options have an impact on server resources, both in terms of bandwidth and disk usage:
Плата за премиум-функции TinyMCE взимается «за запрос» (количество загрузок редактора). Вы можете воспользоваться возможностью «Доступ к премиум-функциям TinyMCE» (tiny/premium: доступ премиум-класса) (новой в Moodle 4.4), чтобы контролировать, какие пользователи могут использовать премиум-функции и в каком контексте.
* '''Allowed types''': You can specify whether '''Audio and video''' recording are supported or '''Audio only''' or '''Video only'''. There are two capabilities to control access to the TinyMCE Кнопкаs: '''[[Capabilities/tiny/recordrtc:recordvideo]]''' and '''[[Capabilities/tiny/recordrtc:recordaudio]]'''
* '''Audio bitrate''' and '''Video bitrate''': The lower the bitrates, the smaller the file sizes, and vice versa. The default bitrate for recorded audio (128000) should generate files of about 15 KB per minute; the default bitrate for recorded video (2500000) to files of approximately 20 MB per minute.
* '''Audio time limit in seconds''' and '''Video time limit in seconds''': The default time limit is 2 minutes for audio and video recording. Again, the longer the maximum recording length, the bigger the resulting files.  


К функциям TinyMCE, которые могут быть доступны на вашем сайте Moodle при наличии премиум-подписки, относятся:


Recordings are stored in subdirectories of ''$CFG->dataroot>/filedir''. Ensure ''post_max_size'' and ''upload_max_filesize'' are configured in line with your expected maximum recording sizes.
* Расширенные таблицы.
* Расширенная типографика.
* Изменение регистра.
* Контрольный список.
* Улучшенное редактирование изображений.
* Экспорт.
* Сноски.
* Форматировщик.
* Средство проверки ссылок.
* Вставка в страницу.
* Перманентное перо.
* PowerPaste.
* Программа проверки орфографии Pro.
* Автозамена орфографии.
* Содержание.




[[es:Editor TinyMCE]]
Вы можете узнать больше об этих функциях на [https://www.tiny.cloud/tinymce/features/#productivity веб-сайте TinyMCE]. Пожалуйста, обратите внимание, что не все плагины, перечисленные на веб-сайте TinyMCE, в настоящее время доступны пользователям Moodle.
[[de:TinyMCE-Editor]]
[[fr:Éditeur TinyMCE]]

Текущая версия от 12:51, 4 апреля 2025

Main page ► Managing a Moodle course ► Editing text ► Редактор TinyMCE
Editing text

Что представляет собой редактор TinyMCE?

TinyMCE это мощный форматированный текстовый редактор, который позволяет пользователям создавать форматированный контент с удобным интерфейсом.

Популярный редактор является редактором по умолчанию для всех Moodle. В разделе Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > Управление редакторами можно включать и отключать текстовые редакторы, упорядочивать их по приоритету, а также настраивать редактор по умолчанию. Если включено несколько текстовых редакторов, пользователи могут выбрать предпочитаемый редактор на странице настроек: Меню пользователя > Настройки > Настройки редактора.

Проверка орфографии

Хотя в TinyMCE Premium доступна программа проверки орфографии (см. ниже), вы можете использовать свой браузер для проверки орфографии в стандартном редакторе TinyMCE. В зависимости от вашего браузера вы можете, например, ввести текст, щелкнуть правой кнопкой мыши и выбрать «Проверка орфографии». Неправильное или потенциально неправильное написание будет подчеркнуто красным.

Tiny панель инструментов

На панели инструментов доступны следующие кнопки (не все кнопки могут отображаться в конкретных случаях)

Доступны следующие кнопки:

№ Кнопка № Кнопка № Кнопка
1 Undo 9 Вставить H5P или изменить настройки H5P 18 Маркированный список
2 Redo 10 Выровнять по левому краю 19 Нумерованный список
3 Bold 11 Выровнять по центру 20 Редактор уравнений
4 Italics 12 Выровнять по правому краю 21 Переключить на вторую строку (если есть)
5 Вставить изображение или изменить настройки изображения 13 Распределить по строке
6 Вставить видео или изменить настройки видео 14 Направление слева направо
6 Запись звука 15 Направление справа налево
7 Запись видео 16 Уменьшить отступ
8 Присоединить гиперссылку 17 Увеличить отступ

У некоторых кнопок есть предварительные условия для отображения, например, кнопка редактора формул будет отображаться только в том случае, если включены фильтры MathJax или TeX (в разделе Администрирование сайта > Плагины > Фильтры > Управление фильтрами), в то время как опция H5P будет отображаться только в том случае, если включена функция tiny/h5p:addembed.

Некоторые функции также будут отображаться на «быстрой панели инструментов» при выделении текста в редакторе (например, некоторые параметры форматирования), однако быстрая панель инструментов будет отображаться только в том случае, если размер редактора превышает 5 строк текста. В небольших редакторах он автоматически скрывается, так как меньший объем может вызвать проблемы с корректным отображением параметров.

Tiny features

Редактор Tiny раздел Вставить

В меню Вставка доступны функции, показанные на скриншоте справа:

Вставка / редактирование изображения

Самый простой способ вставить изображение ― перетащить его. В качестве альтернативы вы можете использовать инструмент «Вставить изображение», который дает вам больше возможностей для управления некоторыми свойствами изображения:

Редактор Tiny раздел Вставить изображение


Вы можете вставить URL-адрес изображения или просмотреть репозитории, чтобы найти или загрузить изображение.

Как только ваше изображение будет добавлено, вы можете изменить его размер и добавить альтернативный текст.

Чтобы изменить свойства изображения после его добавления в текст, выберите изображение и нажмите кнопку «Изображение» на появившейся мини-панели инструментов.

Вставить/отредактировать ссылку

При вставке или редактировании ссылки на другую (внутреннюю или внешнюю) страницу вы можете указать следующие параметры:

  • URL: адрес страницы, на которую нужно перейти. Если оставить это поле пустым, будут доступны опции <вверху> и <внизу>
  • Отображаемый текст: Текст, который отображается в тексте, представленном в виде ссылки
  • Заголовок (может отсутствовать, как на скриншоте): Текст, отображаемый при наведении курсора мыши на ссылку
  • Обзор репозиториев: переход на страницу загрузки файлов по ссылке.
  • Открыть в новом окне: страницу можно открыть как в текущем окне, так и в новом.

Вставка/редактирование мультимедийных файлов

Для вставки существующих аудио- или видеоклипов редактор TinyMCE поддерживает стандарт Moodle Встраивание мультимедийных файлов.

Файл:Recordstartpausestop.png

Запись аудио, видео и экрана

TinyMCE позволяет пользователям записывать аудио- и видеоклипы, которые после записи будут прикреплены к тексту. 

Новое в версии 4.5: с помощью значка камеры пользователь может записывать свой экран, если администратор включил эту настройку в меню Администрирование сайта > Плагины > Редактор TinyMCE > RecordRTC. Также доступна настройка приостановки записи.

Каждая запись состоит из следующих шагов:

  1. Начать запись: когда все будет готово, нажмите кнопку Начать запись
  2. Приостановить запись: приостановить, а затем перезапустить при необходимости (если администратор включил эту настройку).
  3. Остановить запись: по завершении нажмите кнопку Остановить запись
  4. Просмотрите запись: вы можете прослушать или просмотреть запись с помощью предоставленных элементов управления. Либо прикрепите клип к своему тексту, либо запишите его еще раз.

Максимальную длину и качество (битрейт) можно настроить на уровне администратора.

Вставить/отредактировать пример кода

Tiny редактор позволяет вставлять фрагменты кода, выделенные цветом синтаксиса, в редактируемую область.

Редактор Tiny раздел Вставить пример кода

Хотя вы можете выбрать язык программирования в верхней строке перед вводом кода, это никак не повлияет на способ отображения кода.

Tiny также поддерживает форматирование элементов кода (Format > Code), которое изменяет выделенный текст на внутренне определенный code style.

Вставка таблицы

Tiny поставляется с широкими возможностями управления таблицами для работы с текстовыми структурами в виде сетки. В дополнение к пункту меню «Вставить таблицу», для редактирования таблиц есть отдельное меню.

Редактор Tiny раздел Вставить таблицу

После добавления таблицы вы можете настраивать отдельные ячейки, строки, столбцы и свойства всей таблицы. Доступны следующие понятные пункты меню, поддерживающие стандартные параметры HTML-таблиц:

Ячейка Строка Столбец
  • Свойства ячейки
  • Объединение ячеек
  • Разделение ячеек
  • Вставить строку перед
  • Вставить строку после
  • Удалить строку
  • Свойства строки
  • Вырезать строку
  • Скопировать строку
  • Вставить строку перед
  • Вставить строку после
  • Вставить столбец перед
  • Вставить столбец после
  • Удалить столбец
  • Вырезать столбец
  • Скопировать столбец
  • Вставить столбец перед
  • Вставить столбец после

Также есть возможность установить свойства таблицы и удалить ее.

Редактор таблиц также отображает контекстно-зависимые меню при редактировании различных элементов таблицы: Редактор таблиц также отображает контекстно-зависимые меню при редактировании различных элементов таблицы.

Вставить специальный символ

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

Редактор Tiny раздел Вставить спец. символ

Вставлять смайлики

Заставьте ваш контент вызывать улыбку: программа выбора эмодзи (смайликов) позволяет вставлять пиктограммы. Вы можете выполнять поиск по ключевым словам и/или просматривать категории.

Редактор Tiny раздел Вставить смайлики

Вставка HTML-элементов

Следующие 4 HTML-элемента поддерживаются TinyMCE с помощью меню:

  • Вставить горизонтальную строку: добавляет HTML-строку к вашему тексту.
  • Вставить разрыв страницы: добавляет разрыв страницы (<p>) to your text.
  • Вставить неразрывный пробел: добавьте неразрывный пробел (&nbsp;) at the current cursor location.
  • Вставить привязку (якорь, закладку): вставьте привязки (иногда называемые закладками) в свой текст. В диалоговом окне пользователям будет предложено ввести строку. Строка будет вставлена в HTML в качестве идентификатора привязки в месте расположения курсора. Например, пользователь помещает курсор в начало "Moodle", нажимает на кнопку привязки и вводит "start" в диалоговом окне. Результирующий HTML-код будет иметь вид <p><a id="start"></a>Moodle</p>.

Вставить дату/время

Параметры вставки даты и времени позволяют легко вставить текущую дату и/или время в редактируемую область в точке установки курсора. Доступные параметры формата даты и времени зависят от выбранного языка.

Редактор Tiny раздел Вставить формулу
Окно редактора формул Mathtype.

Редактор формул

Если включены фильтры MathJax или TeX (в разделе Администрирование сайта > Плагины > Фильтры > Управление фильтрами), то в редакторе TinyMCE предусмотрена опция Вставить уравнение для запуска редактора уравнений.

В редакторе формул используется текстовая запись, которую можно ввести вручную и/или в интерактивном режиме. Интерактивные элементы сгруппированы в 4 категории (операторы, стрелки, греческие символы и дополнительно). Содержимое каждой вкладки можно настроить с помощью настроек редактора формул.

В нижней части редактора отображается предварительный просмотр.

Настройка содержимого H5P

Вы можете внедрить содержимое H5P через меню Настройка содержимого H5P следующим образом:

  1. Просмотрите хранилище банка содержимого и выберите файл H5P.
  2. Выберите либо создать копию файла, либо создать ярлык.
  3. При необходимости, настройте параметры H5P (разрешить загрузку, встроить ссылку, копировать ссылку с авторским правом).
  4. Нажмите кнопку «Выбрать этот файл».
  5. Нажмите «Вставить H5P», после чего внутренний адрес будет автоматически введен в поле URL H5P. В качестве альтернативы вы можете ввести любой внутренний или внешний URL H5P вручную.
Примечание: если вы создадите ярлык для файла, вы сможете отредактировать его в банке содержимого, и все действия, содержащие ссылку на файл, будут обновлены.

Tiny инструменты

Редактор Tiny раздел Вставить инструменты

В меню Инструменты доступны следующие варианты:

Исходный код

Во всплывающем окне «Исходный код» отображается код страницы, обычно HTML или JS. Код может быть изменен в виде обычного текста; как только окно будет закрыто, любые изменения будут отражены в режиме WYSIWYG.

Редактор Tiny раздел Инструменты код

Количество слов

Во всплывающих окнах отображается количество слов и символов (с пробелами и без них) во всем документе и выделенном тексте соответственно.

Редактор Tiny раздел Инструменты кол-во слов

Количество слов также указано в нижнем колонтитуле редактора.

Проверка общедоступности

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

  • Изображения с отсутствующим или пустым альтернативным текстом (если только они не используются для презентации).
  • Контраст цвета шрифта и фона соответствует рекомендациям WCAG AA.
  • Длинные блоки текста достаточно разбиты на заголовки.
  • Все таблицы должны быть подписаны.
  • Таблицы не должны содержать объединенных ячеек, так как в них трудно ориентироваться с помощью программы чтения с экрана.
  • Все таблицы должны содержать заголовки строк или столбцов.

Медиа-менеджер

В медиаменеджере отображаются все медиафайлы, которые были вставлены в текст.

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


Файлы, которые были прикреплены и снова удалены, отображаются в нижней части экрана.

Сочетания клавиш

Следующие сочетания клавиш будут работать в текстовом редакторе Tiny в большинстве браузеров. Обратите внимание, что для работы многих из этих команд вам необходимо либо щелкнуть мышью в текстовом редакторе, либо выбрать содержимое в текстовом редакторе.

Команды редактора

Windows Mac Функция
Ctrl + Shift + f ⌘ + Shift + f Переключение на весь экран
Ctrl + c ⌘ + c Копировать
Ctrl + v ⌘ + v Вставить
Ctrl + Shift + v ⌘ + Shift + v Вставить без форматирования (очень полезно)
Ctrl + x ⌘ + x Вырезать
Ctrl + z ⌘ + z Отменить
Ctrl + y ⌘ + y Переделать
Ctrl + a ⌘ + a Выбрать все
Ctrl + f ⌘ + f Найти и заменить
F3 F3 Найти следующее
Shift + F3 Shift + F3 Найти предыдущее
Ctrl + b ⌘ + b Жирный шрифт
Ctrl + i ⌘ + i Курсив
Ctrl + u ⌘ + u Нижнее подчеркивание
Ctrl + k ⌘ + k Вставить/отредактировать ссылку
Ctrl + Right arrow Option + Right arrow Перейти к концу следующего слова
Ctrl + Left arrow Option + Left arrow Перейти к концу предыдущего слова
Ctrl + Shift + Right arrow Shift + Option + Right arrow Выбрать следующее слово или букву
Ctrl + Shift + Left arrow Shift + Option + Left arrow Выбрать предыдущее слово или букву
Ctrl + Shift + Home ⌘ + Shift + Home Перейти от курсора к началу страницы
Ctrl + Shift + End ⌘ + Shift + End Перейти от курсора к концу страницы
Ctrl + Home ⌘ + Up arrow Перейти к началу страницы
Ctrl + End ⌘ + Down arrow Перейти к концу страницы
Ctrl + Backspace ⌘ + Backspace Удалите слово или букву слева
Ctrl + Delete ⌘ + Delete Удалите слово или букву справа
Ctrl + P ⌘ + P Печать
Alt+Shift+1 Ctrl+Option+1 Заголовок 1
Alt+Shift+2 Ctrl+Option+2 Заголовок 2
Alt+Shift+3 Ctrl+Option+3 Заголовок 3
Alt+Shift+4 Ctrl+Option+4 Заголовок 4
Alt+Shift+5 Ctrl+Option+5 Заголовок 5
Alt+Shift+6 Ctrl+Option+6 Заголовок 6
Alt+Shift+7 Ctrl+Option+7 Параграф
Alt+Shift+8 Ctrl+Option+8 Div
Alt+Shift+9 Ctrl+Option+9 Адрес
Alt+0 Option+0 Диалог справки (список ярлыков)
Ctrl and + ⌘ and + Увеличение масштаба (не относится к редактору, но очень полезно)
Ctrl and - ⌘ and - Уменьшение масштаба (не относится к редактору, но очень полезно)
Ctrl and 0 ⌘ and 0 Сброс масштаба (не относится к редактору, но очень полезно)
Double-click Double-click Выберите слово
Triple-click Triple-click Выберите строку

Навигация с помощью клавиатуры

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

Активация навигации с клавиатуры

Существует несколько способов активировать навигацию с клавиатуры:

  • Сфокусируйте панель меню: Alt + F9 (Windows) или ⌥F9 (Mac OS)
  • Сфокусируйте панель инструментов: Alt + F10 (Windows) или ⌥F10 (macOS)
  • Наведите курсор на нижний колонтитул: Alt + F11 (Windows) или ⌥F11 (macOS)

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

Перемещение между разделами пользовательского интерфейса

Когда активна навигация с клавиатуры, нажатие клавиши tab переместит фокус на следующий важный раздел пользовательского интерфейса, если это применимо. Этими разделами являются:

  • строка меню;
  • каждая группа панели;
  • боковая панель;
  • путь по элементам в нижнем колонтитуле;
  • кнопка переключения количества слов в нижнем колонтитуле;
  • брендированная ссылка в нижнем колонтитуле;
  • редактор изменения размер маркера в нижнем колонтитуле.

Нажатие shift + tab приведет к перемещению в обратном направлении по тем же разделам, за исключением перехода от нижнего колонтитула к панели инструментов. При наведении фокуса на контур элемента, а затем нажатии shift + tab фокус переместится на первую группу панелей инструментов, а не на последнюю.

Перемещение по разделам пользовательского интерфейса

Навигация с клавиатуры по разделам пользовательского интерфейса обычно осуществляется с помощью клавиш со стрелками влево и вправо. Это включает в себя:

  • перемещение между меню в строке меню;
  • перемещение между кнопками в группе инструментов;
  • перемещение между элементами в пути к элементу.

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

Открытие, навигация и закрытие меню

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

Чтобы закрыть любое активное меню, нажмите клавишу escape. При закрытии меню выбор будет восстановлен в прежнем виде. Это также работает для закрытия подменю.

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

Чтобы сфокусировать открытую контекстную панель инструментов, например контекстную панель инструментов таблицы, нажмите Ctrl + F9 (Windows) или ⌃F9 (Mac OS).

Навигация по контекстной панели инструментов аналогична навигации по панели инструментов, а навигация по контекстному меню аналогична навигации по стандартному меню.

Диалоговая навигация

В TinyMCE есть два типа пользовательских интерфейсов для диалога: диалоги с вкладками и диалоги без вкладок.

Когда открывается диалоговое окно без вкладок, фокусируется первый интерактивный компонент в диалоге. Пользователи могут перемещаться между интерактивными компонентами, нажимая tab. Это включает в себя любые кнопки нижнего колонтитула. При нажатии кнопки tab на первом компоненте диалогового окна выполняется возврат к первому компоненту диалога. При нажатии shift + tab выполняется переход в обратном направлении.

При открытии диалогового окна с вкладками фокусируется на первой кнопке в меню вкладок. Нажатие кнопки tab приведет к переходу к первому интерактивному компоненту на этой вкладке и переключению между компонентами вкладки, кнопками нижнего колонтитула, а затем обратно к кнопке tab. Чтобы переключиться на другую вкладку, сфокусируйте кнопку tab на текущей вкладке, затем с помощью клавиш со стрелками переключайтесь между кнопками tab.

Ярлыки специальных возможностей

Это список доступных сочетаний клавиш в пользовательском интерфейсе редактора.

Windows Mac Функция
Enter / Spacebar Enter / Spacebar Выполните команду
Tab Tab Сосредоточьтесь на следующем элементе пользовательского интерфейса (например, строке меню, панели инструментов, группе панелей инструментов, элементе строки состояния)
Shift+Tab Shift+Tab Сосредоточьтесь на предыдущем элементе пользовательского интерфейса (например, строке меню, панели инструментов, группе панелей инструментов, элементе строки состояния)
Right Arrow / Down Arrow Right Arrow / Down Arrow Сфокусируйтесь на следующем элементе управления (например, на кнопке панели инструментов, меню или элементе меню)
Left Arrow / Up Arrow Left Arrow / Up Arrow Сфокусируйтесь на предыдущем элементе управления (например, на кнопке панели инструментов, меню или элементе меню)
Down Arrow / Spacebar Down Arrow / Spacebar Откройте меню или кнопку меню на панели инструментов
Spacebar Spacebar Откройте кнопку групповой панели инструментов
Down Arrow Down Arrow Откройте кнопку разделенной панели инструментов
Shift+Enter Shift+Enter Откройте всплывающее меню с помощью кнопок разделенной панели инструментов
Right Arrow Right Arrow Открыть подменю
Left Arrow / Esc Left Arrow / Esc Закрыть подменю
Esc Esc Закрыть диалог
Esc Esc Закрыть меню
Esc Esc Переместить фокус обратно в текст редактора 
Примечание: браузеры и программы для чтения с экрана предоставляют дополнительные ярлыки в контексте редактора.

Настройки администрирования сайта

Общие настройки

В разделе Администрирование > Плагины > Текстовые редакторы > Редактор TinyMCE вы можете отключить и включить определенные настройки, например, Tiny HTML formatter, Tiny no-auto link и получить доступ к настройкам платного сервиса TinyMCE Premium.

Вы также можете отключить фирменный логотип TinyMCE, который отображается в нижней части редактора.

Настройки редактора формул

Редактор формул имеет 4 вкладки: Операторы, Стрелки, Греческие символы и Дополнительно. Команды, доступные на каждой вкладке, и их порядок можно настроить в разделе Администрирование > Плагины > Текстовые редакторы > Редактор TinyMCE > Настройки редактора формул.

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

Плагин Tiny Record RTC для Moodle

Tiny полностью поддерживает запись мультимедиа. Внутри системы используется RecordRTC ― библиотека JavaScript с открытым исходным кодом, использующая WebRTC для записи аудио и видео. Чтобы настроить ее параметры, перейдите в раздел Администрирование сайта > Плагины > Текстовые редакторы > Редактор TinyMCE > RecordRTC.

Следующие параметры влияют на ресурсы сервера, как с точки зрения пропускной способности, так и с точки зрения использования диска:

  • Разрешенные типы: вы можете указать, поддерживается ли запись аудио и видео, только аудио или только видео. Существуют две возможности для управления доступом к кнопкам TinyMCE: Capabilities/tiny/recordrtc:запись видео и Capabilities/tiny/recordrtc:запись аудио
  • Скорость передачи аудио и видео: чем ниже скорость передачи, тем меньше размер файла, и наоборот. Скорость передачи данных по умолчанию для записанного аудио (128000) должна составлять около 15 КБАЙТ в минуту; скорость передачи данных по умолчанию для записанного видео (2500000) должна составлять около 20 МБ в минуту.
  • Ограничение по времени воспроизведения аудио и видео в секундах: по умолчанию для аудио- и видеозаписи установлено ограничение по времени в 2 минуты. Опять же, чем больше максимальная продолжительность записи, тем больше размер получаемых файлов.

Записи хранятся в подкаталогах $CFG->dataroot>/filedir. Убедитесь, что параметры post_max_size и upload_max_filesize настроены в соответствии с ожидаемыми максимальными размерами записей.

Общие настройки Tiny

В нижнем колонтитуле редактора отображается небольшой значок "Power by Tiny", который содержит ссылку на веб-сайт редактора Tiny. Вы можете отобразить/скрыть этот значок, включив/отключив опцию фирменного стиля Tiny.

TinyMCE Premium

Для TinyMCE Premium требуется платная подписка. Ваш API-ключ доступен на странице вашей учетной записи Tiny Cloud, если вы приобрели подписку или у вас доступна бесплатная пробная версия.

Вы можете ввести ключ API и включить определенные плагины премиум-класса в разделе Администрирование сайта > Плагины > Текстовые редакторы > TinyMCE Premium.

Плата за премиум-функции TinyMCE взимается «за запрос» (количество загрузок редактора). Вы можете воспользоваться возможностью «Доступ к премиум-функциям TinyMCE» (tiny/premium: доступ премиум-класса) (новой в Moodle 4.4), чтобы контролировать, какие пользователи могут использовать премиум-функции и в каком контексте.

К функциям TinyMCE, которые могут быть доступны на вашем сайте Moodle при наличии премиум-подписки, относятся:

  • Расширенные таблицы.
  • Расширенная типографика.
  • Изменение регистра.
  • Контрольный список.
  • Улучшенное редактирование изображений.
  • Экспорт.
  • Сноски.
  • Форматировщик.
  • Средство проверки ссылок.
  • Вставка в страницу.
  • Перманентное перо.
  • PowerPaste.
  • Программа проверки орфографии Pro.
  • Автозамена орфографии.
  • Содержание.


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

Источник — https://wiki.mipt.ru/index.php?title=Редактор_TinyMCE&oldid=31435