Использование текстового редактора BUEditor для публикации материалов и комментариев

Консультант - Дмитрий Усов
Usov.Dmitry аватар
У многих пользователей возникают вопросы по оформлению текста в материалах, публикациях и комментариях на портале ОГЭУ. Часто большие материалы публикуются в виде простого, неформатированного текста (plane text). В результате большие материалы становятся нечитаемыми. Между тем на портале есть средство для форматирования текста и вставки картинок - текстовый редактор BUEditor.
В данной консультации рассматриваются основные моменты работы с текстовым редактором BUEditor.

Консультация предназначена, как для модераторов РЦИПО, так и для всех пользователей портала ОГЭУ. Действия при публикации текста и в материалах и в комментариях одинаковые. Дополнительно для модераторов РЦИПО в меню пользователя появилась ссылка "Создать материал", по которой модераторы РЦИПО могут публиковать свои материалы в раздел "Новости РЦИПО".

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

Рассмотрим основные кнопки действия редактора BUEditor.

В верхней панели инструментов над текстовым полем создания материала и комментария находятся следующие кнопки:

-  кнопка для вставки изображения со сторонних ресурсов (это может быть фотохостинг или собственный сайт. Вставляется ссылка на картинку, указываются её размеры и альтернативный текст к изображению)
- кнопка для вставки ссылки на сторонние ресурсы (указывается адрес ссылки-Link URL, активный текст ссылки-Link text и текст, который будет отображаться при наведении на ссылку-Link title)
- кнопка "жирного" шрифта
- кнопка наклонного текста
- кнопка заголовков
- кнопка маркированного списка
- кнопка нумерованного списка
- кнопка выравнивания по левому краю
- кнопка выравнивания по правому краю
- кнопка выравнивания по-центру
- кнопка выравнивания по-ширине
- кнопка отделения анонса от основного текста (для модераторов РЦИПО)
- кнопка предварительного просмотра
- кнопка подсказки по кнопкам действия


Начало работы для модераторов РЦИПО

Нажмите в своем меню пользователя Создать материал, на открывшейся странице нажмите Новость РЦИПО. В открывшемся окне редактора нажмите кнопку "Split summary at cursor", для того,  чтобы отделить поле анонса от поля основного текста.
Для чего это нужно: анонсы на портале публикуются на главной странице и в разделе "Новости РЦИПО" в виде блога. Основной текст (вместе с анонсом) будет доступен по кнопке "подробнее" в опубликованном материале на этих страницах.


Основные рекомендации по материалам

Заранее подготовьте Ваши иллюстрации и текст. Иллюстрации должны быть не больше 150 пиксерей по ширине и "весить" не больше 20-30 Кб. Текст для анонса - это первые два-три абзаца Вашего основного текста. Т.е., мы из всего текста берем два-три абзаца и копируем в верхнее окно анонса, а основной текст вставляем в нижнее окно. При публикации на полной странице материала анонс и основной текст "склеиваются". НЕ НУЖНО В ПОЛЕ ОСНОВНОГО ТЕКСТА ДУБЛИРОВАТЬ АНОНС! Обязательно введите заголовок Вашего материала. Желательно, чтобы он был короткий и понятный.

Вставка в материал изображений со сторонних ресурсов

В анонс и основной текст Вы можете вставить иллюстрации к материалу. Для этого загрузите подготовленные изображения на фотохостинг или свой сервер. Затем скопируйте ссылку на изображение. Нажмите кнопку вставки изображений , вставьте ссылку на изображение в поле Image URL, напишите размер картинки (ширина, высота), и Альтернативный текст для пользователей, у которых в браузере отключено отображение изображений.

Применение форматирования к тексту

Вставьте Ваш текст в поле анонса и основного текста. Для того,  чтобы выровнять текст по ширине(а именно этот стиль форматирования определен на портале ОГЭУ), выделите текст в окне редактора и нажмите кнопку . Текст в окне будет заключён в теги <div class="editor-justify-button">текст в окне</div>. При публикации материала эти теги скажут браузеру выровнять текст по ширине.



Создание нумерованных и маркированных списков

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

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

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

Подробнее о форматировании

 
  • Доступны HTML теги: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <div>

    Портал ОГЭУ допускает использование материалов с разметкой HTML. Изучение всего языка HTML может показаться пугающим, но использование небольшого количества основных "тегов" - это очень просто. Приведенная таблица показывает примеры для каждого тега из доступных на сайте.

    Больше информации вы можете получить на странице официальных спецификаций HTML или используйте ваш любимый поисковик, чтобы найти сайты, разъясняющие HTML.

    Описание тега Вы пишете Вы получаете
    Якоря используются для создания ссылок на другие страницы. <a href="http://www.netedu.ru">ОБЩЕСТВЕННО-ГОСУДАРСТВЕННАЯ ЭКСПЕРТИЗА УЧЕБНИКОВ</a> ОБЩЕСТВЕННО-ГОСУДАРСТВЕННАЯ ЭКСПЕРТИЗА УЧЕБНИКОВ
    Курсив <em>Курсив</em> Курсив
    Выделенный <strong>Выделенный</strong> Выделенный
    Цитата <cite>Цитата</cite> Цитата
    Для отображения исходных текстов программ <code>Исходный код</code> Исходный код
    Ненумерованный список – используйте <li> для начала каждого элемента списка <ul> <li>Первый элемент</li> <li>Второй элемент</li> </ul>
    • Первый элемент
    • Второй элемент
    Нумерованный список – используйте <li> для начала каждого элемента списка <ol> <li>Первый элемент</li> <li>Второй элемент</li> </ol>
    1. Первый элемент
    2. Второй элемент
    Списки определений похожи на другие списки HTML. <dl> начинает список определений, <dt> начинает определяемый термин и <dd> начинает описание определения. <dl> <dt>Первый термин</dt> <dd>Первое определение</dd> <dt>Второй термин</dt> <dd>Второе определение</dd> </dl>
    Первый термин
    Первое определение
    Второй термин
    Второе определение
    Справки для тега div нет.

    Большинство малоиспользуемых символов могут быть введены безо всяких проблем.

    Если проблемы всё же возникают, попробуйте использовать подстановки для символов языка HTML. Например, & для вывода знака амперсанда. Полный список таких подстановок смотрите на странице подстановки. Некоторые из доступных символов:

    Описание знака Вы пишете Вы получаете
    Амперсанд & &
    Больше чем > >
    Меньше чем < <
    Кавычка " "
  • Строки и параграфы распознаются автоматически. Теги переноса строки <br />, параграфа <p> и закрытия параграфа </p> вставляются автоматически. Если параграфы не распознаны, просто добавьте пару пустых строк.

После того, как Вы закончили форматирование и вставку картинок, обязательно нажмите кнопку "Сохранить" под текстовыми полями редактора.
Если у Вас остались еще вопросы по редактированию текста на портале ОГЭУ в материалах и комментариях, я с удовольствием отвечу.
Приятной работы!


 

Помощь, срочно!

Nosovskaja Olga аватар

При загрузке домашнего задания заполняя графу мероприятие пишу Вебинар "Содержание и особенности преподавания непрерывного курса русского языка в начальной и основной школе в условиях реализации ФГОС на примере учебников ОС “Школа 2100”" , а в списке который выпадает этого бинара нет, поэтому он мне пишет , что ошибка в названии.Что делать?

Срочно!проблема!

Здравствуйте!у меня сложилась такая ситуация: участвовав в вебинаре "Современное образование, проблемы и возможности:взгляд Образовательной системы «Школа 2100»" было дано домашнее задание(написать эссе по данной теме), выполнив его я загрузила в своем личном кабинете "домашнее задание". Но вот его почему то не видят и не могут проверить! помогите пожалуйста!и еще мне написали, что если мое д/з (эссе) отправят индивидуально из АПК Корчемлюк Ольге Михайловне, то она его проверит! И мне выдадут сертификат!Помогите пожалуйста!!!!Логин : Анастасия2014

Ковалёва Анастасия Олеговна

Домашнее задание

Sorokina аватар
Здравствуйте Анастасия Олеговна!
Домашнее задание необходимо размещать следлуя указанным в тексте вебинара. Привожу еще раз эти инстрнукции ниже.

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


ДОМАШНИЕ ЗАДАНИЯ НЕ НУЖНО ОТПРАВЛЯТЬ ПО ЭЛЕКТРОННОЙ ПОЧТЕ, МАТЕРИАЛ НЕ БУДЕТ ОПУБЛИКОВАН!

На странице "Создать домашнее задание" необходимо заполнить заголовок.
В поле "Мероприятие" нужно написать название мероприятия (Вебинар "Современное образование, проблемы и возможности:взгляд Образовательной системы «Школа 2100»"). При вводе первых нескольких слов появится выпадающий список материалов с похожими названиями, необходимо выбрать требуемое мероприятие).
Убедительная просьба – ответственно относиться к выполнению домашнего задания! При публикации домашнего задания ОБЯЗАТЕЛЬНО указывайте названия мероприятия в поле "Мероприятие"! В противном случае баллы начислены не будут!

С Уважением!

Сорокина Елена Владимировна,
специалист отдела ДОТ, электронного и сетевого образования
"Академия социального управления"

Проблема!

Здравствуйте! Время идет, а работа моя так и не проверенна!!!его снова не видят?или какая-то проблема снова образовалась?????

Ковалёва Анастасия Олеговна

Я тоже по этому алгоритму выполняла домашнее задание.

Ламбушка аватар

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

С уважением, Наталья Александровна.

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

Та же проблема! все участники видят мою работу!значит и проверяющий должен видеть!!!!!!в чем дело?? не понятно=(

Ковалёва Анастасия Олеговна

Спасибо=)))Выполнила данные

Спасибо=)))Выполнила данные требования!хотя последний раз, по такому же алгоритму выполняла!надеюсь, что сейчас проверят мое задание=)

Ковалёва Анастасия Олеговна

о публикации материала

Gashkova аватар

Как узнать , принял ли мой конспект участие в конкурсе " Образовательная деятельность в ДОО ".

Gashkova

Здравствуйте, Дмитрий!

Здравствуйте, Дмитрий! Объясните пожалуйста как выполняя домашнее задание вставить таблицу, чтобы материал был виден в ней . Выполнив домашнее задание после вебинара, таблица была не видна, задание посчиталось не выполненным.Спасибо.

Е.В.Попова

Вопрос

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

Конкурс разработок (конспектов) проблемно-диалогических уроков

Здравствуйте, Дмитрий!
На сайте проводится конкурс разработок (конспектов) проблемно-диалогических уроков.Конспекты должны содержать развернутый текст урока (занятия), который лучше оформить в виде таблицы.При сохранении изготовленной мною таблицы, столбцы исчезают и в блоге появляется хаотичный текст. Что я делаю не так?
С уважением, Жанна Шупик.

размещение фото в тексте

Уважаемый Дмитрий!
А у меня возникли некоторые проблемы с размещениями фото в записи в блоге (для участия в конкурсе "Интерактивная доска - инструмент формирования новых компетенций учащихся"). Помещаю ссылку на фото, в предварительном просмотре всё хорошо, фото открываются, а при сохранении и открытии собственно блоговой записи фото в тексте нет...
С уважением - Прокопов Валерий Витальевич

Прокопов В.В.

Уважаемый Валерий Витальевич,

Usov.Dmitry аватар

Уважаемый Валерий Витальевич, тег img добавлен в список разрешенных. Попробуйте еще раз, пожалуйста.

С уважением, Усов Дмитрий Юрьевич - администратор портала NetEdu.ru , http://usov.apkpro.ru

Уважаемый, Дмитрий! Я

Уважаемый, Дмитрий! Я начала отправлять свои комментарии в октябре 2008 года, как только начался конкурс. Я работала на школьном компьютере и у меня был адрес электронной почты нашей школы. Теперь, с ноября 2009 года я отправляю комментарии с нового адреса, т.к. работаю на домашнем компьютере. Таким образом я стала начинающим экспертом, хотя в моей копилке уже было 53 комментария. Нельзя ли суммировать мои прежние комментарии с моими нынешними. Я бы хотела остаться в числе активных пользователей сайта по экспертизе учебников. Очень прошу Вас, ответьте мне, даже если ничем помочь не сможете. Заранее благодарю.

Уважаемая Ирина Михайловна!

Usov.Dmitry аватар

Уважаемая Ирина Михайловна! Такая возможность есть. Сообщите мне Ваш логин от предыдущей учетной записи через форму братной связи.

С уважением, Усов Дмитрий Юрьевич - администратор портала NetEdu.ru , http://usov.apkpro.ru

не получается добавить картинки в текст

Здравствуйте, Вы просили ссылку, например,
http://irinaapatit.ucoz.ru/_ld/0/1_dkw.jpg
ссылка на файл, который я вижу на просмотре, а после загрузки блога я его не вижу в тексте.

Мухина Ирина Анатольевна

Попробуйте еще раз,

Usov.Dmitry аватар

Попробуйте еще раз, пожалуйста. Должно все работать.

С уважением, Усов Дмитрий Юрьевич - администратор портала NetEdu.ru , http://usov.apkpro.ru

Последние комментарии

 

Читайте нас в:



Читать @NeteduRu

Вход в систему

Опрос

Чем является для Вас аттестация?
Средством получения новых знаний и освоения новых компетенций;
81%
Способом доказать свой высокий профессиональный уровень;
5%
Средством повышения профессионального статуса и продвижения в карьере;
4%
Средством улучшения материального положения за счет увеличения заработной платы;
1%
Средством самореализации, самосовершенствования и самоудовлетворенности.
9%
Всего голосов: 3034

НАШИ ПАРТНЕРЫ

http://www.intel.ru/




 
Яндекс.Метрика
Рейтинг@Mail.ru
Яндекс.Метрика