какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Был вопрос про то, куда пропал маркер, точнее кнопка подсветки текста.

Тут надо пояснить, это важно для сокращения ваших трудозатрат.

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

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Я вчера установил по умолчанию Atto вместо Tiny. У них разные кнопочные панели. Так выглядит кнопочная панель редактора Atto:

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto
А так выглядит панель кнопок в редакторе Tiny:

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Зачем это было сделано?
У Atto возможностей примерно в 4 раза больше. Например, можно вставить фрагмент изображения из буфера прямо в редактор, что сокращает трудозатраты по размещению изображений примерно в 3 раза. Например, формулу из документа Word или со страницы можно скопировать и вставить через Ctrl+V. В Tiny эта возможность отсутствует. Вставленное из буфера изображение никто не увидит.

Теперь к ответу на вопрос про маркер, точнее кнопку подсветки текста. Она тоже есть в редакторе Atto. Для этого используется кнопка подсветки:

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Она аналогична кнопке в редакторе Tiny:

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Мы можем снова вернуться к Tiny по умолчанию, оставив право выборы каждому выбирать тот редактор, который нравится.

Источник

Информация для преподавателей по работе в портале

Инструкция. Работа с встроенным редактором Moodle

1. Встроенный редактор Moodle

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

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Рис. 1. Окно редактора

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Рис. 2. Развернутая панель инструментов редактора

Размер текстового поля вода редактора можно увеличить, зацепив и потянув мышкой правый нижний угол окна редактора, или нажав кнопку включения/выключения полноэкранного режима (см. рис. 2).

Большинство управляющих элементов редактора интуитивно понятно, пользователю, имеющему практику редактирования текста в других редакторах. Кроме того, при наведении курсора мышки на кнопку появляется всплывающая подсказка с назначением кнопки (рис. 3).

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Рис. 3. Всплывающая подсказка назначения кнопки инструментальной панели

На рис. 4 представлены назначения всех кнопок инструментальной панели редактора.

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Рис. 4. Назначения кнопок инструментальной панели редактора Moodle

Тем не менее, поясним назначение некоторых из инструментов редактора.

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

Кнопку «Вставить из Word» следует использовать при копировании и вставке блоков текста из редактора Word. Хотя текст Word будет копироваться и при использовании обычных команд «Копировать»/«Вставить» и соответствующих им «горячих клавиш», для этих целей, все же, следует использовать кнопку «Вставить из Word», чтобы при копировании очищать код текста от ненужных html-тегов, наследуемых из файла Word.

Кнопка «Вставить как простой текст» позволяет полностью очистить вставляемый текст от html-тегов.

Кнопка «Редактировать HTML-код» позволяет отобразить для редактирования html-код страницы, что может оказаться полезным для пользователям, умеющим работать с этим языком.

Кнопка «Вставить/редактировать ссылку» позволяет привязать к любому предварительно выделенному фрагменту текста или изображению URL-адрес, автоматически превратив их в гиперссылку. Соответственно, кнопка «Удалить ссылку» удаляет такую ссылку.

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

Кнопки «Вставить/редактировать изображение» и «Вставить Moodle-мультимедиа» предназначены для вставки в текст, соответственно, изображений и мультимедиа аудио- и видео-объектов. При их нажатии появляются похожие формы (рис. 5) для загрузки, соответственно, изображения или мультимедиа объекта.

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе attoкакая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Рис. 5. Формы загрузки, соответственно, изображения и мультимедиа

При нажатии кнопок «Найти или загрузить изображение» и «Найти или загрузить звук, видео или апплет» появляется окно (рис. 6), позволяющее найти и выбрать файл с нужным ресурсом.

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Рис. 10.6. Окно поиска и выбора файла изображения или мультимедиа-файла

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

С помощью мультимедиа-фильтра Moodle загруженные аудио MP3-файлы отображаются и проигрываются с помощью встроенного плеера.

Обращаем внимание на следующий важный момент. В Moodle 2 при создании на странице курса любого учебного элемента создается своя структура папок для размещения относящихся к этому элементу файлов. Доступ к этим папкам можно получить, в частности, нажав кнопку «Файлы на сервере» (рис. 6). Это позволяет, вообще говоря, при редактировании конкретного учебного элемента делать ссылки на файлы (картинки, аудио, видео), загруженные при создании других учебных элементов. Это можно сделать, например, путем простого копирования их с экрана из одного элемента в другой. Мотивацией этого может служить, казалось бы, разумное соображение исключения дублирования этих файлов на сервере. Тем не менее, мы настоятельно не советуем использовать в учебном элементе ссылки на ресурсы, принадлежащие другим элементам. Дело в том, что при удалении элемента со страницы курса, Moodle подчищает и относящееся к нему хранилище файлов. Очевидно, что ссылки на эти файлы из другого элемента при этом перестают работать, что может оказаться для создателя ресурсов курса неожиданным неприятным сюрпризом, когда он вдруг обнаруживает, что все картинки в его учебном элементе по непонятным причинам пропали.

Источник

Moodle plugins directory

MathType for Atto by WIRIS

Type and handwrite mathematical notation in Moodle with MathType.

Microsoft Word File Import (Atto)

8 нед. 4723 924 139

Poodll Anywhere (Atto)

Poodll Anywhere (Atto) allows the user to record audio and video or draw pictures, or snap pictures, directly into forum posts, assignment descriptions, page resource content, question descriptions, question responses and other areas.

Embed question atto button

An Atto editor plugin for use with the embed questions filter.

Mathslate for Atto

Mathslate is a customizable graphical tool for constructing mathematics within Moodle. This plugin adds the tool to the Atto editor. It may be used in addition to or as a replacement for other formula editors.

Adds a button to the Atto editor to embed Panopto videos from a Panopto server.

An audio and video recorder for Moodle. The recordings are stored in the cloud and can be automatically subtitled (English, French, Spanish, Portuguese or Italian). Administrators can choose from recorder skins, and use Moodle capabilities to control the display of icons. Cloud Poodll for Atto is not dependent on any other plugin. Cloud Poodll for Atto is not dependent on any other plugins.

MEDIAL Atto Editor

In order for the MEDIAL Video Assignment Activity to launch from the text editor you must install this Atto Plugin. MEDIAL Video Assignment Activity allows Teachers and Students to create and respond to Video Assignments that are uploaded and cataloged in MEDIAL (a video streaming media library) rather than Moodle itself

Planet eStream ATTO Text Editor Plugin

Embed content from Planet eStream into Moodle via the ATTO Text Editor, or upload new video/audio content directly into a Moodle page.

UbiCast MediaServer atto button

Atto plugin to insert media from an UbiCast MediaServer in text areas

Atto Word Count

Add to ATTO editor «real time» words count

RecordRTC for Atto

Add audio and video annotations to text, anywhere an Atto text editor is present. This plugin adds buttons for recording audio or video (with audio) to the editor’s toolbar. Using WebRTC technologies, all recording is done instantly in the browser. After recording, users can embed the annotation directly into the text they are currently editing. The recording will appear as an audio or video player in the published writing.

Cincopa Atto Plugin

Cincopa Atto Editor plugin adds button to your text editor which allows you to insert Cincopa media gallery. It can be used on any post or page on your site. In order to use this plugin you will need to install Cincopa Media Filter plugin and register at https://cincopa.com

edu-sharing Atto Plugin

The edu-sharing atto plugin adds the option to embed all kinds of edu-sharing content to all WYSIWYG fields. The new button will open the edu-sharing search engine and let you pick an item embed. Audio and video-files will be embedded with a player. Documents will be represented by a link. You may pick which version of the content you would like to provide in the course (always the latest vs. the version you just picked)

Источник

Настройка визуального редактора Atto в Moodle

Расширьте базовый функционал нового WYSIWYG-редактора своими руками

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

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

Кастомизируем панель визуального редактора

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе attoЗайдите под администратором Moodle в администраторскую панель. Пройдите по следующей навигации:
Блок НАСТРОЙКИ » Администрирование » Плагины » Текстовые редакторы » HTML-редактор Atto » Настройки панели инструментов Atto.

Спуститесь к блоку Конфигурация панели. В нем можно настраивать панель управления редактором Atto. Давайте рассмотрим значения по-умолчанию:

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

Чтобы добавить новую кнопку или убрать существующую в тот или иной блок кнопок Вам достаточно поправить текстовый блок настроек Конфигурация панели. Все коды кнопок и их описание Вы можете найти в таблице Плагины редактора Atto на странице настроек Atto. Допустим, Вы хотите добавить кнопку Цвет шрифта (fontcolor) к блоку кнопок Стили абзаца, Полужирный, Курсив.

    Для этого Вам нужно:

Источник

Russian Moodle

Технические вопросы

HTML-редактор Atto

HTML-редактор Atto

Windows Server 2012 R2, moodle 3.1, PHP 5.6.22, MS SQL Server 2012.

После вставки картинки в формате *.jpg она не отображается на странице сайта. В частности добавил в блок нижнего колонтитула картинку и она не отобразилась на главной странице сайта.

Скриншот прилагаю. Помогите решить проблему.

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Re: HTML-редактор Atto

100500 раз обсуждалось

В Windows на IIS нужно установить и настроить URL Rewrite 2.0 module

Re: HTML-редактор Atto

Правило установлено. Rewrite вроде настроен. Скрин прилагаю. Однако с картинками проблема.

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Re: HTML-редактор Atto

Я проблем в теме оформления не вижу, картинки на месте:

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Покажите url картинки. Если он формируется, как положено, то проблема в настройках сервера.

Редактор другой (TinyMCE) пробовали? В курсах загруженные картинки отображаются?

Re: HTML-редактор Atto

Прилагаю скрины по шагам. Редактор TinyMCE пробовал. То же самое. Если использовать этот интерфейс какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto
то картинка отображается

Re: HTML-редактор Atto

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

Я просил проверить следующее:

Какую-то функцию в этой теме оформления коряво написали, кириллица не поддерживается.

ЗЫ: Всё больше не люблю «навороченные» темы, чем больше настроек/примочек, тем больше глюков.

Re: HTML-редактор Atto

Vadim, огромное спасибо. Всё заработало.

Параллельно вопрос: Как вставить файл в текст прикреплённый ниже?

Файл *.html должен открываться в отдельном окне и сразу запускаться.

то страница открывается, а содержимое не запускается.

Re: HTML-редактор Atto

Немного не понял вопрос. Вы хотите в курсе создать страницу из файла Tekst.html?

Тогда есть несколько вариантов:

Re: HTML-редактор Atto

Vadim, благодарю за ответ.

Мне бы хотелось запустить этот файл либо из описания учебного курса,

либо из файлов описания учебного курса. Это возможно?

какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Смотреть картинку какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Картинка про какая кнопка добавляет изображение в текстовый контейнер в редакторе atto. Фото какая кнопка добавляет изображение в текстовый контейнер в редакторе atto

Re: HTML-редактор Atto

Остается вариант вставить ролик прямо в редактор окна «Описание курса», но есть одно неудобство: если на главной странице курса активирован блок «Описание курса», то его вид будет не совсем презентабелен:

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *