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

Материал из База знаний Центра ПУСК МФТИ
ВизуальныйВики-текст
1>Michaelh2
 
мНет описания правки
 
(не показано 10 промежуточных версий 2 участников)
Строка 1: Строка 1:
{{Editing text}}
{{Editing text}}
==The Atto text editor==
==Текстовой редактор Atto ==


The Atto text editor (sometimes referred to as the 'HTML editor') has many icons to assist the user in entering content. Many of these icons and functions should be familiar to anyone who uses a word processor.
Текстовый редактор Atto (иногда называемый HTML-редактором) имеет множество значков, помогающих пользователю вводить содержимое. Многие из этих значков и функций должны быть знакомы любому, кто использует текстовый редактор.  


Some examples of where you will see the text editor include: Editing Section headings, description of an activity, writing an answer to a quiz question or editing the content of many blocks.
Некоторые примеры того, где вы увидите текстовый редактор, включают в себя: редактирование заголовков разделов, описание действия, написание ответа на вопрос викторины или редактирование содержимого многих блоков.


The default text editor from Moodle 4.4 onwards (and for new installations from Moodle 4.2) is the [[TinyMCE editor]], however the Atto editor and a plain text editor are also available. Text editors can be enabled, disabled or configured as the default from ''Administration > Site administration > Plugins > Text editors > Manage editors''. The order of priority may also be specified on that page.
Текстовым редактором по умолчанию, начиная с Moodle 4.4 (и для новых установок, начиная с Moodle 4.2), является [[редактор TinyMCE]], однако также доступны редактор Atto и обычный текстовый редактор. Текстовые редакторы можно включить, отключить или настроить по умолчанию в меню Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > Управление редакторами. Порядок приоритета также может быть указан на этой странице.


If more than one text editor is enabled, users can select their preferred editor via their preferences page in the user menu (top right).
Если включено несколько текстовых редакторов, пользователи могут выбрать предпочитаемый редактор на странице настроек в пользовательском меню, которое выпадает вверху справа при щелчке по фотографии пользователя.
{{MediaPlayer | url = https://youtu.be/4hRCXGmiKBo | desc = }}


==Atto accessibility==
{{#widget:Add-and-edit-text |arg.foo=bar|arg.bar=oni}}


A project funded by the Moodle Users Association has brought improved accessibility to the Atto editor.
==Доступность Atto ==
#Screenreaders announce when the Atto editor is encountered and whether a button is applying or removing a style.
#The ‘Accessibility checker' and the 'Screen reader helper' buttons are now on the first row of the toolbar, so no need to expand the toolbar.


==Atto features==
Проект, финансируемый Ассоциацией пользователей Moodle, позволил улучшить доступность редактора Atto.


===Image copy and paste===
# Программы для чтения с экрана сообщают о появлении редактора Atto и о том, применяет ли кнопка стиль или удаляет его.
# Кнопки «Проверка специальных возможностей» и «Помощник по чтению с экрана» теперь находятся в первом ряду панели инструментов, поэтому нет необходимости расширять панель инструментов.


In Moodle 3.9 onwards, images can be copied from anywhere and pasted into the Atto editor. For example, you can take a screenshot, copy it to your clipboard and then paste it into the Atto editor.
== Особенности Atto ==


===Image drag and drop===
=== Скопируйте и вставьте изображение ===


If your browser allows it (and if it does, you will see a message at the top of your screen when the editing is on) you can add images into the Atto editor simply by dragging them from your computer:
Начиная с версии Moodle 3.9, изображения можно копировать из любого места и вставлять в редактор Atto. Например, вы можете сделать снимок экрана, скопировать его в буфер обмена, а затем вставить в редактор Atto.


[[File:Attodragdrop29.png|thumb|600px|center|Drag an image directly into the editor]]
=== Перетаскивание изображений ===


===Autosave===
Если ваш браузер позволяет это (и если это так, вы увидите сообщение в верхней части экрана, когда начнется редактирование), вы можете добавлять изображения в редактор Atto, просто перетаскивая их с вашего компьютера:
[[Файл:Редактор Atto перетаскивание изображений.jpg|альт=редактор Atto перетаскивание изображений|без|мини|900x900пкс|Изображения можно перетаскивать напрямую в окно с текстовым редактором Atto. На скриншоте показано перетаскивание в браузере, но точно так же можно перетаскивать файлы из проводника.]]


Text typed into the Atto editor is automatically saved if you leave the page. The default of 60 seconds may be changed by the administrator in ''Site administration>Plugins>Text editors>Atto HTML editor>Atto toolbar settings.'' If the user accidentally closes the tab or otherwise leaves the form without submitting, the text in the editor will be restored next time he opens the page. To discard  a restored draft, the  user needs to cancel the form or press the "Undo" button in the editor.
===Автосохранение===
 
Текст, набранный в редакторе Atto, автоматически сохраняется, если вы покидаете страницу. Значение по умолчанию в 60 секунд может быть изменено администратором в разделе Администрирование сайта > Плагины > Текстовые редакторы > HTML-редактор Atto > Настройки панели инструментов Atto. Если пользователь случайно закроет вкладку или иным образом покинет форму без отправки, текст в редакторе будет восстановлен при следующем открытии страницы. Чтобы отменить восстановленный черновик, пользователю необходимо отменить заполнение формы или нажать кнопку «Отменить» в редакторе.
[[File:AtttoAutosave.png|thumb|600px|center]]
[[File:AtttoAutosave.png|thumb|600px|center]]


Строка 39: Строка 39:
[[File:Attotopline1382.png]]
[[File:Attotopline1382.png]]


Atto Row 1 default buttons
Кнопки в строке 1 по умолчанию


{| class="wikitable"
{| class="wikitable"
|-
|-
| 1. Развернуть (меню)
| 2. Стиль
| 3. Жирный шрифт
| 4. Курсив
|-
|-
| 1. Expand
| 5. Маркированный список
| 2. Style
| 6. Нумерованный список
| 3. Bold
| 7. Вставить ссылку
| 4. Italic
| 8. Удалить ссылку
|-
|-
| 5. Bulleted list
| 9. Добавить изображение
| 6. Numbered list
| 10. Добавьте смайлик (если включено)
| 7. Add link
| 11. Добавить медиафайл
| 8. Unlink
| 12. Записать аудио
|-
|-
| 9. Add image
| 13. Записать видео
| 10. Add smiley (if enabled)
| 14. Управление встроенными файлами
| 11. Add media
| 12. Record audio
|-
| 13. Record video
| 14. Manage embedded files
| 15. H5P
| 15. H5P
   
   
Строка 67: Строка 66:
[[File:Attobottomline.png]]
[[File:Attobottomline.png]]


Atto Row 2 default buttons
Кнопки в строке 2 по умолчанию


{| class="wikitable"
{| class="wikitable"
|-
|-
| 1. Подчеркнуть
| 2. Зачеркнуть
| 3. Нижний индекс
| 4. Верхний индекс
|-
|-
| 1. Underline
| 5. Выровнять по левому краю/центру/правому краю
| 2. Strikethrough
| 6. Уменьшить/увеличить отступ
| 3. Subscript
| 7. Редактор формул
| 4. Superscript
| 8. Специальные символы
|-
|-
| 5. Align left/centre/right
| 9. Таблица
| 6. Decrease/increase indent
| 10. Очистить форматирование
| 7. Equation editor
| 11. Отменить/повторить
| 8. Special character
| 12. Средство проверки доступности
|-
|-
| 9. Table
| 13. Помощник для чтения с экрана
| 10. Clear formatting
| 14. Просмотр HTML/кода
| 11. Undo/redo
| 12. Accessibility checker
|-
| 13. Screenreader helper
| 14. HTML/code view
|
|
|}
|}


===Manage embedded files===
=== Управление встроенными файлами ===
This allows users to add, delete or override files embedded in the current text area, for example in a label or topic summary. (It complements the [[Embedded files repository]])
Это позволяет пользователям добавлять, удалять или переопределять файлы, встроенные в текущую текстовую область, например, в ярлык или краткое описание темы (такое управление дополняет [[Embedded files repository|хранилище встроенных файлов]]).
 
[[Файл:Управление встроенными файлами.jpg|альт=Управление встроенными файлами|без|мини|700x700пкс]]
[[File:26embeddefiles2.png|thumb|400px|center]]
 
===Accessibility checker===


One of the tools available in the text editor is an automated [[accessibility]] checker which checks for some common errors in the text. These are usually things 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)
Одним из инструментов, доступных в текстовом редакторе, является автоматическая проверка [[Accessibility|доступности]], которая проверяет наличие некоторых распространенных ошибок в тексте. Обычно это особенности структуры текста, которые могут помешать всем пользователям получить равный доступ к информации и функциональным возможностям. Список проблем, которые ищет средство проверки доступности, приведен ниже:
* 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


===Screenreader helper===
* Изображения с отсутствующим или пустым альтернативным текстом (если они не предназначены для презентации).
* Контраст цвета шрифта и фона соответствует [[wikipedia:Web_Content_Accessibility_Guidelines|руководству WCAG AA]].
* Длинные блоки текста достаточно разбиты на заголовки.
* Все таблицы должны содержать подписи.
* Таблицы не должны содержать объединенных ячеек, поскольку в них трудно ориентироваться с помощью программы чтения с экрана.
* Все таблицы должны содержать заголовки строк или столбцов.


Screen readers basically treat a content editable region like a text box - which is wrong, because it can contain images, links and more.
=== Помощник для чтения с экрана ===


The screen reader helper provides additional information about the currently selected text (e.g. is it bold), as well as a listing of any images or links in the text.
Программы чтения с экрана в основном обрабатывают область, доступную для редактирования содержимого, как текстовое поле, что неверно, поскольку она может содержать изображения, ссылки и многое другое.


===Equation editor===
Помощник для чтения с экрана предоставляет дополнительную информацию о выделенном в данный момент тексте (например, выделен ли он жирным шрифтом), а также список любых изображений или ссылок в тексте.


If either the [[MathJax filter|MathJax]] or the [[TeX notation filter|TeX notation]] filters are enabled (in ''Administration > Site administration > Plugins > Filters > Manage filters'') then an equation editor button is provided in the toolbar for launching the equation editor.
===Редактор формул===


===Table editor===
Если включены фильтры нотации [[MathJax filter|MathJax]] или [[TeX Filter|TeX]] (в меню Администрирование > Администрирование сайта > Плагины > Фильтры > Управление фильтрами), то на панели инструментов предусмотрена кнопка редактора формул для запуска редактора формул.


If the administrator has enabled the extra settings for the Atto table editor (see below) then border styling, sizing and colours are available when creating a table:
===Редактор таблиц===


[[File:AttoTableRevised.png|center|thumb|center]]
Если администратор включил дополнительные настройки для редактора таблиц (см. ниже), то при создании таблицы доступны оформление границ, их размер и цвета:
[[Файл:Редактор Atto создание таблицы.jpg|альт=редактор Atto создание таблицы|без|мини|654x654пкс]]


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


The following keyboard shortcuts will work in the Atto 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.
Следующие сочетания клавиш будут работать в текстовом редакторе Atto в большинстве браузеров. Обратите внимание, что для работы многих из этих команд вам необходимо либо щелкнуть мышью в текстовом редакторе, либо выбрать содержимое в текстовом редакторе.


{| class="wikitable"
{| class="wikitable"
|-
|-
! Windows Command
! Windows
! Mac Command
! Mac
! Function
! Функции
|-
|-
| 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 (careful - can undo a lot of text and doesn't always work)
| Отменить (осторожно ― можно отменить много текста и не всегда срабатывает)
|-
|-
| Ctrl + y
| Ctrl + y
| ⌘ + y
| ⌘ + y
| Redo
| Повторить
|-
|-
| Ctrl + a
| Ctrl + a
| ⌘ + a
| ⌘ + a
| Select all
| Выделить все
|-
|-
| Double-click
| Double-click
| Double-click
| Double-click
| Select word
| Выделить слово
|-
|-
| Triple-click
| Triple-click
| Triple-click
| Triple-click
| Select line
| Выделить строку
|-
|-
| Ctrl + f
| Ctrl + f
| ⌘ + f
| ⌘ + f
| Find on page
| Найти на странице
|-
|-
| F3
| F3
| F3
| F3
| Find next
| Найти следующее
|-
|-
| Shift + F3
| Shift + F3
| Shift + F3
| Shift + F3
| 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
| ⌘ + Right arrow
| ⌘ + Right arrow
| Move to the end of the next word
| Перейти к концу следующего слова
|-
|-
| Ctrl + Left arrow
| Ctrl + Left arrow
| ⌘ + Left arrow
| ⌘ + Left arrow
| Move to the end of the previous word
| Перейти к концу предыщего слова
|-
|-
| Ctrl + Shift + Right arrow
| Ctrl + Shift + Right arrow
| ⌘ + Shift + Right arrow
| ⌘ + Shift + Right arrow
| Select the next word or letter
| Выбрать следующее слово или букву
|-
|-
| Ctrl + Shift + Left arrow
| Ctrl + Shift + Left arrow
| ⌘ + Shift + Left arrow
| ⌘ + Shift + Left arrow
| Select the previous word or letter
| Выбрать предыдущее слово или букву
|-
|-
| Ctrl + Shift + Home
| Ctrl + Shift + Home
| ⌘ + Shift + Home
| ⌘ + Shift + Home
| Select from the cursor to the beginning of the page
| Переместить курсор в начало страницы
|-
|-
| Ctrl + Shift + End
| Ctrl + Shift + End
| ⌘ + Shift + End
| ⌘ + Shift + End
| Select from the cursor to the end of the page
| Переместить курсор в конец страницы
|-
|-
| Ctrl + Home
| Ctrl + Home
| ⌘ + Home
| ⌘ + Home
| Move to the beginning of the page
| Переместиться в начало страницы
|-
|-
| Ctrl + End
| Ctrl + End
| ⌘ + End
| ⌘ + End
| Move to the end of the page
| Переместиться в конец страницы
|-
|-
| Ctrl + Backspace
| Ctrl + Backspace
| ⌘ + Backspace
| ⌘ + Backspace
| Delete word or letter to the left
| Удалить слово или букву слева
|-
|-
| Ctrl + Delete
| Ctrl + Delete
| ⌘ + Delete
| ⌘ + Delete
| Delete word or letter to the right
| Удалить слово или букву справа
|-
|-
| 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)
| Сброс масштаба (не относится к редактору, но очень полезно)
|}
|}


<span style="font-size:80%">Source: [https://confluence.royalroads.ca:8443/pages/viewpage.action?pageId=47778173 Jason 1keddie, Royal Roads University (Creative Commons Attribution-ShareAlike)]</span>
<span style="font-size:80%">Источник: [https://confluence.royalroads.ca:8443/pages/viewpage.action?pageId=47778173 Jason 1keddie, Royal Roads University (Creative Commons Attribution-ShareAlike)]</span>


==Site administration settings==
== Настройки администрирования сайта ==


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


The administrator can specify which plugins to display and in which order from ''Administration > Site administration > Plugins > Text editors > Atto HTML editor > Atto toolbar settings''.
Администратор может указать, какие плагины отображать и в каком порядке, выбрав Администрирование > Плагины > Текстовые редакторы > HTML-редактор Atto > Настройки панели инструментов Atto.
[[File:atto-plugins.png|thumb|center|450px|Atto Plugins]]
[[Файл:Редактор Atto настройки.jpg|альт=редактор Atto настройки (фрагмент)|без|мини|800x800пкс|Настройки редактора Atto (фрагмент).]]


====Toolbar config table====
==== Таблица настроек панели инструментов ====
The toolbar is split into groups of related buttons. The format for the config setting is:
Панель инструментов разделена на группы связанных кнопок. Формат для настройки конфигурации следующий:
groupname1 = button1, button2, button3 groupname2 = button1, button2, button3
Названия групп слева никак не влияют на работу панели инструментов; они просто должны отличаться для каждой кнопки (и, пожалуйста, без пробелов). В списке кнопок указано, какая кнопка входит в какую группу и в каком порядке. Точное слово, которое нужно вставить сюда для каждой кнопки, указано в столбце «Конфигурация панели инструментов» выше.


groupname1 = button1, button2, button3
Причина, по которой группы имеют названия, заключается в том, что это помогает вам задуматься о том, как разумно сгруппировать кнопки, а не просто размещать новые кнопки в случайных местах. Т.е. все кнопки в группе «файлы» каким-то образом взаимодействуют со средством выбора файлов
groupname2 = button1, button2, button3


The group names on the left have no effect on how the toolbar works; they just need to be different for each button (and no spaces please). The list of buttons says which button goes in which group and in what order. The exact word to insert here for each button is listed in the "Toolbar config" column above.
=== Добавление дополнительных кнопок ===


The reason there are names for the groups is that it helps to make you think about how to group the buttons sensibly and not just stick new buttons in random locations. Ie. all the buttons in the "files" group interact with the file picker in some way
Дополнительные плагины (например, плагин «Цвет шрифта») можно добавить (после установки), введя термины конфигурации в таблицу «Конфигурация панели инструментов».


===Adding extra buttons===
[[Файл:Конфигурация панели инструментов.jpg|альт=Конфигурация панели инструментов|700x700пкс]]


Extra plugins (for example the contributed plugin 'Font color') may be added (once installed) by typing the toolbarconfig term into the toolbar config table.
Вот, например, доступные цвета при добавлении 'fontcolor':


[[File:toolbarconfig.png]]
[[File:fontcolor.png]]


Here for example are the available colours when 'fontcolor' is added:
Значки отображаются в связанных группах, и администратор может решить, сколько групп отображать на панели инструментов в свернутом состоянии по умолчанию (то есть сколько групп отображать в строке 1).


[[File:fontcolor.png]]
==== Частота автосохранения ====
Текст автоматически сохраняется через регулярные промежутки времени, поэтому его можно восстановить, когда пользователь вернется к ранее оставленной форме. Этот параметр позволяет администратору указать время между автосохранениями. Значение по умолчанию ― одна минута.


The icons are displayed in related groups and the administrator can decide how many groups to display in the default collapsed state of the toolbar (that is, how many groups to display on Row 1).
==== Нестандартные плагины Atto ====
Не все плагины включены по умолчанию, и администратору каждого сайта следует тщательно продумать, какие плагины он хочет включить для своих пользователей. Ниже приведены некоторые рекомендации, которые следует учитывать, прежде чем включать плагины, не используемые по умолчанию.


====Autosave frequency====
===== Средство выбора смайликов =====
Text is automatically saved at regular intervals so it may be restored when the user returns to a form they had previously left. This setting allows the administrator to specify the time between autosaves. The default is one minute.
Кнопку выбора эмодзи можно добавить, введя "emojipicker" в таблицу настроек панели инструментов, которая находится на странице настройки редактора Atto.
==== Non default Atto plugins ====
Not all plugins are enabled by default and the administrator of each site should give careful thought as to which plugins they choose to enable for their users. Here are some things to consider before enabling the non-default plugins:


===== Emoji picker =====
Чтобы добавить кнопку выбора эмодзи в верхнюю строку:
An emoji picker button may be added by typing 'emojipicker' into the toolbar config table.
[[Файл:Редактор Attoкнопка смайликов.jpg|альт=редактор Atto кнопка смайликов|мини|500x500пкс|Toolbar with emoji picker button]]
[[File:toolbar with emoji picker.png|thumb|Toolbar with emoji picker button]]
# Введите строку <code>emoji = emojipicker</code> под строкой <code>files = image, emoticon, media, managefiles, recordrtc, h5p</code>
To add the emoji picker button to the top row:
# Перейдите в «Настройки сворачивания панели» и измените «Показывать первые (n) группы при сворачивании» на «6» и сохраните изменения.


# Enter the line <code>emoji = emojipicker</code> under the line <code>files = image, emoticon, media, managefiles, recordrtc, h5p</code>
===== Смайлики =====
# Go to 'Collapse toolbar settings' and change 'Show first (n) groups when collapsed' to 6 and save changes.
Плагин emoticon вставляет текстовые изображения смайликов в контент. Фильтр смайликов отвечает за преобразование этих текстовых последовательностей в соответствующие изображения-смайлики. Фильтр смайликов по умолчанию отключен, поэтому плагин emoticon для Atto по умолчанию не включен.


===== Emoticons =====
===== Отсутствие автоматической ссылки =====
The emoticon plugin inserts text representations of the emoticons in the content. The emoticon filter is responsible for converting these text sequences into proper smiley images. The emoticon filter is not enabled by default, which is why the emoticon plugin for Atto is not enabled by default.
Как правило, чем больше плагинов добавляется на панель инструментов Atto, тем сложнее становится найти конкретные плагины. Поскольку плагин без автоматической привязки не пользуется широкой популярностью, по умолчанию он не включен.


===== No-auto link =====
===== Справа налево =====
In general, the more plugins are added to the Atto toolbar, the harder it becomes to find specific plugins. Because the no-auto link plugin is not felt to be widely used it is not enabled by default.
Поскольку этот плагин полезен только для курсов, где текст должен быть написан на смеси языков «слева направо» и «справа налево», по умолчанию он не включен.


===== Right to left =====
==== Каталог плагинов Moodle ====
Because this plugin is only useful for courses where text needs to be written in a mixture of both "left to right" and "right to left" languages, it is not enabled by default.


==== Moodle plugins directory ====
Для Atto доступно больше плагинов, чем те, которые включены в стандартную установку. Дополнительные плагины можно найти в [https://moodle.org/plugins/browse.php?list=category&id=53 каталоге плагинов Moodle]. Некоторые плагины описаны ниже:


There are more plugins available for Atto than just those included in a default install.
===== Цвет фона / Цвет шрифта =====
See the [https://moodle.org/plugins/browse.php?list=category&id=53 Moodle plugins directory] for additional plugins.
Хотя это очень популярные плагины, у возможности их использования на сайте есть и недостатки. Во-первых, цвета, заданные пользователем, могут визуально отличаться от цветов сайта, выбранных дизайнером темы. Даже если цвета содержимого не противоречат цветам текущей темы, в случае изменения темы в будущем или повторного использования содержимого на другом сайте могут возникнуть конфликты. Существует 2 возможных типа конфликтов: первый - это просто визуально непривлекательное сочетание цветов, второй - сочетание цветов, при котором текст может быть трудночитаемым для некоторых людей. Предпочтительнее, если дизайнер тем использует в теме сайта несколько интересных цветов, которые соответствуют стандартам доступности, требуемым для сайта, а человек, создающий контент, просто использует соответствующие уровни заголовков (например), чтобы использовать эти стили.
Some example plugins include the following:


==== Background colour / Font colour ====
===== Редактор Cloze для Atto =====
While these are very popular plugins, there are downsides to enabling their use on a site. Firstly - user specified colours may conflict visually with the site colours chosen by the theme designer. Even if the colours of the content do not conflict with the colours of the current theme, if the theme is changed in future, or the content is reused on a different site conflicts may be introduced. There are 2 possible types of conflicts, the first is just a visually unappealing combination of colours, the second is a combination of colours that may produce text that is hard to read for some people. It is preferable if the theme designer uses some interesting colours that meet the accessibility standards required for the site in the theme for the site, and the person creating the content simply uses the proper heading levels (for example) to make use of those styles.
Это плагин для упрощения создания вопросов [[Embedded Answers (Cloze) question type|типа встроенных ответов (Cloze)]] в стандартном текстовом редакторе Moodle Atto. исключительно удобная штка!


===== Cloze editor for Atto=====
===== Переключение предварительного просмотра =====
[[Cloze editor for Atto|This]] is a plugin for easily making [[Embedded Answers (Cloze) question type]] questions inside the standard Moodle Atto text  editor.
Этот плагин позволяет вам просматривать контент таким, каким его видел бы читатель.


===== Toggle preview =====
===== Химические плагины =====
This plugin allows you view the content as it would be seen by a reader.
Существует ряд химических плагинов, которые поддерживают химические уравнения и структуры.


===== Chemistry plugins =====
===== Плагины для импорта текста =====
There are a number of chemistry plugins that support chemistry equations and structures.
Существует ряд плагинов, которые поддерживают импорт текста из других источников. [https://moodle.org/plugins/view/atto_pastespecial Специальный плагин Paste] сводит к минимуму количество ненужной HTML-разметки, добавляемой при вставке содержимого из внешнего редактора, такого как Microsoft Word.


===== Text import plugins =====
[https://moodle.org/plugins/view/atto_wordimport Плагин Word Import] (бета-версия) поддерживает импорт всего документа Word, включая встроенные изображения.
There are a number of plugins that support importing text from other sources.
The [https://moodle.org/plugins/view/atto_pastespecial Paste special] plugin minimises the amount of superfluous HTML markup
included when pasting content from an external editor such as Microsoft Word.


The [https://moodle.org/plugins/view/atto_wordimport Word Import] plugin (beta) supports importing an entire Word document,
=== Настройки редактора формул ===
including embedded images.


===Equation editor settings===
Команды редактора формул могут быть удалены, добавлены или переупорядочены в меню Администрирование > Плагины > Текстовые редакторы > Atto HTML editor > Настройки редактора формул.
 
Equation editor commands may be removed, added or reordered in ''Administration > Site administration > Plugins > Text editors > Atto HTML editor > Equation editor settings''.


[[File:equationeditor.png]]
[[File:equationeditor.png]]


===Table editor settings===
=== Настройки редактора таблиц ===
Styles, colours and sizes for tables and their borders may be enabled from ''Administration > Site administraton >Plugins > Test editors > Atto HTML editor > Table settings.''
Стили, цвета и размеры таблиц и их границ можно настроить в меню Администрирование > Плагины > Тестовые редакторы > HTML-редактор Atto > Настройки таблицы.
 
==See also==
 
* [[Text editor FAQ]]
* [[Embedded files repository]]
* [[Word count quick guide]] - Word count is a plugin for the [[Text editor|Atto text editor]] which is used to create content within Moodle.  This plugin enables the author of text, such as a student,  to check how many words and letters are in a  piece of text.


[[Category:Site administration]]
==См. также==
[[Category:Language teaching]]


[[de:Text-Editor]]
* [[Text editor FAQ|ЧаВо по текстовому редактору]]
[[es:Editor Atto]]
* [[Embedded files repository|Хранилище встроенных файлов]]
[[fr:Éditeur de texte]]
* [[Word count quick guide|Краткое руководство по подсчету слов]]. Word count ― это плагин для текстового редактора Atto, который используется для создания контента в Moodle. Этот плагин позволяет автору текста, например студенту, проверять, сколько слов и букв содержится в тексте.

Текущая версия от 15:15, 7 апреля 2025

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

Текстовой редактор Atto

Текстовый редактор Atto (иногда называемый HTML-редактором) имеет множество значков, помогающих пользователю вводить содержимое. Многие из этих значков и функций должны быть знакомы любому, кто использует текстовый редактор.

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

Текстовым редактором по умолчанию, начиная с Moodle 4.4 (и для новых установок, начиная с Moodle 4.2), является редактор TinyMCE, однако также доступны редактор Atto и обычный текстовый редактор. Текстовые редакторы можно включить, отключить или настроить по умолчанию в меню Администрирование > Администрирование сайта > Плагины > Текстовые редакторы > Управление редакторами. Порядок приоритета также может быть указан на этой странице.

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

Доступность Atto

Проект, финансируемый Ассоциацией пользователей Moodle, позволил улучшить доступность редактора Atto.

  1. Программы для чтения с экрана сообщают о появлении редактора Atto и о том, применяет ли кнопка стиль или удаляет его.
  2. Кнопки «Проверка специальных возможностей» и «Помощник по чтению с экрана» теперь находятся в первом ряду панели инструментов, поэтому нет необходимости расширять панель инструментов.

Особенности Atto

Скопируйте и вставьте изображение

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

Перетаскивание изображений

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

редактор Atto перетаскивание изображений
Изображения можно перетаскивать напрямую в окно с текстовым редактором Atto. На скриншоте показано перетаскивание в браузере, но точно так же можно перетаскивать файлы из проводника.

Автосохранение

Текст, набранный в редакторе Atto, автоматически сохраняется, если вы покидаете страницу. Значение по умолчанию в 60 секунд может быть изменено администратором в разделе Администрирование сайта > Плагины > Текстовые редакторы > HTML-редактор Atto > Настройки панели инструментов Atto. Если пользователь случайно закроет вкладку или иным образом покинет форму без отправки, текст в редакторе будет восстановлен при следующем открытии страницы. Чтобы отменить восстановленный черновик, пользователю необходимо отменить заполнение формы или нажать кнопку «Отменить» в редакторе.

Atto editor toolbar

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

1. Развернуть (меню) 2. Стиль 3. Жирный шрифт 4. Курсив
5. Маркированный список 6. Нумерованный список 7. Вставить ссылку 8. Удалить ссылку
9. Добавить изображение 10. Добавьте смайлик (если включено) 11. Добавить медиафайл 12. Записать аудио
13. Записать видео 14. Управление встроенными файлами 15. H5P

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

1. Подчеркнуть 2. Зачеркнуть 3. Нижний индекс 4. Верхний индекс
5. Выровнять по левому краю/центру/правому краю 6. Уменьшить/увеличить отступ 7. Редактор формул 8. Специальные символы
9. Таблица 10. Очистить форматирование 11. Отменить/повторить 12. Средство проверки доступности
13. Помощник для чтения с экрана 14. Просмотр HTML/кода

Управление встроенными файлами

Это позволяет пользователям добавлять, удалять или переопределять файлы, встроенные в текущую текстовую область, например, в ярлык или краткое описание темы (такое управление дополняет хранилище встроенных файлов).

Управление встроенными файлами

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

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

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

Помощник для чтения с экрана

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

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

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

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

Редактор таблиц

Если администратор включил дополнительные настройки для редактора таблиц (см. ниже), то при создании таблицы доступны оформление границ, их размер и цвета:

редактор Atto создание таблицы

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

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

Windows Mac Функции
Ctrl + c ⌘ + c Копировать
Ctrl + v ⌘ + v Вставить
Ctrl + Shift + v ⌘ + Shift + v Вставить без форматирования (очень полезно)
Ctrl + x ⌘ + x Вырезать
Ctrl + z ⌘ + z Отменить (осторожно ― можно отменить много текста и не всегда срабатывает)
Ctrl + y ⌘ + y Повторить
Ctrl + a ⌘ + a Выделить все
Double-click Double-click Выделить слово
Triple-click Triple-click Выделить строку
Ctrl + f ⌘ + f Найти на странице
F3 F3 Найти следующее
Shift + F3 Shift + F3 Найти предыдущее
Ctrl + b ⌘ + b Жирный шрифт
Ctrl + i ⌘ + i Курсив
Ctrl + u ⌘ + u Почеркнуть
Ctrl + k ⌘ + k Вставить/отредактировать ссылку
Ctrl + Right arrow ⌘ + Right arrow Перейти к концу следующего слова
Ctrl + Left arrow ⌘ + Left arrow Перейти к концу предыщего слова
Ctrl + Shift + Right arrow ⌘ + Shift + Right arrow Выбрать следующее слово или букву
Ctrl + Shift + Left arrow ⌘ + Shift + Left arrow Выбрать предыдущее слово или букву
Ctrl + Shift + Home ⌘ + Shift + Home Переместить курсор в начало страницы
Ctrl + Shift + End ⌘ + Shift + End Переместить курсор в конец страницы
Ctrl + Home ⌘ + Home Переместиться в начало страницы
Ctrl + End ⌘ + End Переместиться в конец страницы
Ctrl + Backspace ⌘ + Backspace Удалить слово или букву слева
Ctrl + Delete ⌘ + Delete Удалить слово или букву справа
Ctrl and + ⌘ and + Увеличение масштаба (не относится к редактору, но очень полезно)
Ctrl and - ⌘ and - Уменьшение масштаба (не относится к редактору, но очень полезно)
Ctrl and 0 ⌘ and 0 Сброс масштаба (не относится к редактору, но очень полезно)

Источник: Jason 1keddie, Royal Roads University (Creative Commons Attribution-ShareAlike)

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

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

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

редактор Atto настройки (фрагмент)
Настройки редактора Atto (фрагмент).

Таблица настроек панели инструментов

Панель инструментов разделена на группы связанных кнопок. Формат для настройки конфигурации следующий: 

groupname1 = button1, button2, button3 groupname2 = button1, button2, button3

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

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

Добавление дополнительных кнопок

Дополнительные плагины (например, плагин «Цвет шрифта») можно добавить (после установки), введя термины конфигурации в таблицу «Конфигурация панели инструментов».

Конфигурация панели инструментов

Вот, например, доступные цвета при добавлении 'fontcolor':

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

Частота автосохранения

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

Нестандартные плагины Atto

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

Средство выбора смайликов

Кнопку выбора эмодзи можно добавить, введя "emojipicker" в таблицу настроек панели инструментов, которая находится на странице настройки редактора Atto.

Чтобы добавить кнопку выбора эмодзи в верхнюю строку:

редактор Atto кнопка смайликов
Toolbar with emoji picker button
  1. Введите строку emoji = emojipicker под строкой files = image, emoticon, media, managefiles, recordrtc, h5p
  2. Перейдите в «Настройки сворачивания панели» и измените «Показывать первые (n) группы при сворачивании» на «6» и сохраните изменения.
Смайлики

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

Отсутствие автоматической ссылки

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

Справа налево

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

Каталог плагинов Moodle

Для Atto доступно больше плагинов, чем те, которые включены в стандартную установку. Дополнительные плагины можно найти в каталоге плагинов Moodle. Некоторые плагины описаны ниже:

Цвет фона / Цвет шрифта

Хотя это очень популярные плагины, у возможности их использования на сайте есть и недостатки. Во-первых, цвета, заданные пользователем, могут визуально отличаться от цветов сайта, выбранных дизайнером темы. Даже если цвета содержимого не противоречат цветам текущей темы, в случае изменения темы в будущем или повторного использования содержимого на другом сайте могут возникнуть конфликты. Существует 2 возможных типа конфликтов: первый - это просто визуально непривлекательное сочетание цветов, второй - сочетание цветов, при котором текст может быть трудночитаемым для некоторых людей. Предпочтительнее, если дизайнер тем использует в теме сайта несколько интересных цветов, которые соответствуют стандартам доступности, требуемым для сайта, а человек, создающий контент, просто использует соответствующие уровни заголовков (например), чтобы использовать эти стили.

Редактор Cloze для Atto

Это плагин для упрощения создания вопросов типа встроенных ответов (Cloze) в стандартном текстовом редакторе Moodle Atto. исключительно удобная штка!

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

Этот плагин позволяет вам просматривать контент таким, каким его видел бы читатель.

Химические плагины

Существует ряд химических плагинов, которые поддерживают химические уравнения и структуры.

Плагины для импорта текста

Существует ряд плагинов, которые поддерживают импорт текста из других источников. Специальный плагин Paste сводит к минимуму количество ненужной HTML-разметки, добавляемой при вставке содержимого из внешнего редактора, такого как Microsoft Word.

Плагин Word Import (бета-версия) поддерживает импорт всего документа Word, включая встроенные изображения.

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

Команды редактора формул могут быть удалены, добавлены или переупорядочены в меню Администрирование > Плагины > Текстовые редакторы > Atto HTML editor > Настройки редактора формул.

Настройки редактора таблиц

Стили, цвета и размеры таблиц и их границ можно настроить в меню Администрирование > Плагины > Тестовые редакторы > HTML-редактор Atto > Настройки таблицы.

См. также

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