Страница 1 из 1

Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 15:54
JohnCrayton
Открываю пошаговый разбор функций встроенного редактора.
editor4b.jpg

Первые три кнопки я надеюсь всем понятны без объяснений

  • B жирный шрифт
  • i наклонный шрифт
  • u подчёркнутый шрифт

Так выглядит во время редактирования текста сообщения

Код: выделить все
[b]Текст сообщения[/b]
[i]Текст сообщения[/i]
[u]Текст сообщения[/u]


Результат

Текст сообщения
Текст сообщения
Текст сообщения

Кнопка Quote

Так выглядит во время редактирования текста сообщения

Код: выделить все
[quote]Текст сообщения[/quote]


Результат

Текст сообщения


добавив знак равенства и имя пользователя как показано ниже

Код: выделить все
[quote="UserName"]Текст сообщения[/quote]


Получаем следующий результат

UserName писал(а):Текст сообщения

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 16:25
JohnCrayton
Кнопка Code
editorcb.jpg


Кнопка позваляет отображать код, который иначе был бы преобразован.

Пример

Код: выделить все
[b][/b], [i][/i], [u][/u], [quote][/quote], [list][*][/list], [list=1][*][/list], [img][/img], [url][/url] и так далее


Пример применения

Код: выделить все
[url]http://ckeditor.com/demo[/url]


без использования тегов "code" текст ссылки был бы преобразован как показано ниже

http://ckeditor.com/demo

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 16:57
JohnCrayton
Кнопки List и List=
editorlb.jpg


Хочу обратить ваше внимание на эти две кнопки, которые отвечают за создание нумерованных и ненумерованных списков. Если вы просто нажмёте одну из этих кнопок, преобразования текста в список не произойдёт.

Пример

Код: выделить все
[list] раз два три четыре пять вышел зайчик погулять [/list]


Результат

    раз два три четыре пять вышел зайчик погулять

Это происходит потому, что не указаны элементы списка и как раз следующая кнопка [*] отвечает за элементы.

Рассмотрим пример применения.

Код: выделить все
[list]
[*]раз
[*]два
[*]три
[*]четыре
[*]пять
[*]вышел зайчик погулять
[/list]


Получаем список


  • раз
  • два
  • три
  • четыре
  • пять
  • вышел зайчик погулять

Кнопка List=

Эта кнопка отвечает за упорядоченный список

Рассмотрим пример

Код: выделить все
[list=]
[*]раз
[*]два
[*]три
[*]четыре
[*]пять
[*]вышел зайчик погулять
[/list]


Результат

[list=]
[*]раз
[*]два
[*]три
[*]четыре
[*]пять
[*]вышел зайчик погулять
[/list]

Как мы видим кнопка "не работает". После знака равно в теге [list=] нам необходимо вставить знак указывающий на вариант нумерации. Например цифру 1.

Пример

Код: выделить все
[list=1]
[*]раз
[*]два
[*]три
[*]четыре
[*]пять
[*]вышел зайчик погулять
[/list]


Результат


  1. раз
  2. два
  3. три
  4. четыре
  5. пять
  6. вышел зайчик погулять

Возможные значения для отображения списка - 1, a, A, i, I,

Пример с единицей показан выше, пробуем маленькую латинскую букву а

Код: выделить все
[list=a]
[*]раз
[*]два
[*]три
[*]четыре
[*]пять
[*]вышел зайчик погулять[/list]


Результат


  1. раз
  2. два
  3. три
  4. четыре
  5. пять
  6. вышел зайчик погулять

Большая латинская А


  1. раз
  2. два
  3. три
  4. четыре
  5. пять
  6. вышел зайчик погулять

Маленькая латинская i


  1. раз
  2. два
  3. три
  4. четыре
  5. пять
  6. вышел зайчик погулять

Большая латинская I


  1. раз
  2. два
  3. три
  4. четыре
  5. пять
  6. вышел зайчик погулять

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 18:18
JohnCrayton
Кнопка img
editorimgb.jpg


Подробно вставка изображений обсуждается здесь

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 18:39
JohnCrayton
Кнопка URL
editorurlb.jpg


Кнопка URL рекомендуется для ссылок, несмотря на то, что просто вклеенная в текст сообщения ссылка должна преобразовываться.

Рассмотрим 2 примера

Без использования тегов url

Код: выделить все
http://ckeditor.com/demo


Результат

http://ckeditor.com/demo

С использованием тегов url

Код: выделить все
[url]http://ckeditor.com/demo[/url]


Результат

http://ckeditor.com/demo

Также можно использовать ссылку в тексте

Пример

Код: выделить все
текст в сообщении со ссылкой на [url=http://ckeditor.com/dem]ресурс[/url]


Результат

текст в сообщении со ссылкой на ресурс

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 19:11
JohnCrayton
Кнопка Flash
editorflb.jpg


Историческая кнопка для прикрепления файла в формате .swf Огромное колличество видео-приложений было написано во флэше.

Пример использования

Код: выделить все
[flash=500,200]http://www.ultrasounds.com/test.swf[/flash]


Результат


Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 19:36
JohnCrayton
Выпадающий список размеров текста
editorfsizeb.jpg


Всего 4 изменяемые опции, изменения в процентах от нормального размера текста.

  • очень малкенький - 50
  • маленький - 85
  • большой - 150
  • очень большой - 200

Пример использования

Код: выделить все
[size=50]Ехал грека через реку[/size]
[size=85]Видит грека в реке рак[/size]
Ох и долго же ехал (нормальный размер текста)
[size=150]Сунул грека в реку руку[/size]
[size=200]Рак за руку греку цап[/size]


Результат

Ехал грека через реку
Видит грека в реке рак
Ох и долго же ехал (нормальный размер текста)
Сунул грека в реку руку
Рак за руку греку цап

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 19:49
JohnCrayton
Цвет шрифта
editorcolorb.jpg


Внимание! Цвет шрифта зарезервирован для админ состава форума!

Пример использования.

Код: выделить все
[color=#FF4000]Руками не трогать[/color]


Результат

Руками не трогать

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 20:15
JohnCrayton
Выравнивание справа, по центру, слева. Кнопка align=
editoralignb.jpg


Пример использования

Код: выделить все
[align=left]Папа[/align] [align=center]у васи[/align] [align=right]силён в математике[/align]


Результат

Папа
у васи
силён в математике

Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 20:47
JohnCrayton
Кнопка googlemaps
editormapsb.jpg


Прежде чем прикрепить карту к вашему сообщению, необходимо получить ссылку.

mapsg.jpg


  1. Кликаем правой кнопкой мыше по карте и нажимаем "что тут находится"
  2. Нажимаем на картинку ссылки
  3. копируем верхнюю ссылку
  4. вклеиваем ссылку гугл в сообщение

Пример

Код: выделить все
[googlemaps]https://maps.google.ru/maps?q=30.03223,31.075065&hl=ru&num=1&t=h&z=19[/googlemaps]


Результат


Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 22:34
JohnCrayton
Кнопка spoiler=
editorspoilb.jpg


С помощью спойлера можно скрыть длинный текст или другое содержимое сообщения.

Пример применения

Код: выделить все
[spoiler="спойлер"][attachment=0]editorspoilb.jpg[/attachment][/spoiler]


Результат


Re: Возможности Встроенного редактора

СообщениеДобавлено: 17 фев 2013, 22:42
JohnCrayton
Кнопка video=
editorvidb.jpg


Подробные инструкции по прикреплению видео можно найти здесь

Re: Возможности Встроенного редактора

СообщениеДобавлено: 18 фев 2013, 01:22
JohnCrayton
Добвлена новая кнопка для перечёркивания текста [ s ]

Код тестируемого текста

Код: выделить все
[s]очепятка[/s]


Результат

очепятка

Re: Возможности Встроенного редактора

СообщениеДобавлено: 18 фев 2013, 03:38
JohnCrayton
Мегатест :)

Код: выделить все
[list=1]
[*]элемент
    [list]
    [*][spoiler=субэлемент]
        [list]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [/list]
        [/spoiler]       
    [*]субэлемент
        [list]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [/list]
    [*]субэлемент
        [list]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [*][url=http://ckeditor.com/demo]ссылка[/url]
        [/list]
    [/list]
[*]элемент
[*]элемент
[*]элемент
[*]элемент[/list]


Смотрим, что получилось

  1. элемент
  2. элемент
  3. элемент
  4. элемент
  5. элемент

Re: Возможности Встроенного редактора

СообщениеДобавлено: 05 мар 2013, 20:47
JohnCrayton
Внимание! Редактор изменён на более удобный! Тем не менее часть инструкций действительна и для нового редактора. В ближайшем будующем ожидается перевод на русский. И соответственно инструкции и помощь к новому редактору.

Re: Возможности Встроенного редактора

СообщениеДобавлено: 18 янв 2015, 03:04
Юрий_Ск
Для хорошего усвоения, нужно поэкспериментировать вживую в собственных сообщениях, однако этого не дает сделать ограничение на правку. В итоге получаются огрызки, которые потом даже удалить нельзя. Желательно вообще снять ограничения на правку.

Re: Возможности Встроенного редактора

СообщениеДобавлено: 18 янв 2015, 05:48
НИТУП
Юрий_Ск писал(а): Желательно вообще снять ограничения на правку.

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

Изображение

Тренироваться кстати можете тут. viewtopic.php?f=57&t=54&start=30

И кстати, вот тема по новому редактору сообщений viewtopic.php?f=57&t=838&p=9261#p9261

Re: Возможности Встроенного редактора

СообщениеДобавлено: 18 янв 2015, 13:10
Stiv
НИТУП писал(а):Этого никогда не будет

Этот вопрос активно обсуждался на прошлом форуме. Были и эксперименты. Но после возникновения нескольких случаев, когда исправление постов приводило к спорным ситуациям, и нарушение правил форума у зачинщика фактически отсутствовало, мы приняли решение ограничить время редактирования и удаления сообщений автором. Зато возможность подумать перед отсылкой предоставлена в полной мере. Да и администрация это неустанно напоминает, "прежде чем отослать пост, используйте предварительный просмотр". Это значительно снижает уровень накала возникающих страстей и вполне достаточно для редактирования.

Re: Возможности Встроенного редактора

СообщениеДобавлено: 19 янв 2015, 01:34
Юрий_Ск
Хм... тогда получается как у Хармса: "Написал сегодня пару строк о любви. Закрыл тему". Т.е. один раз подумал хорошенько, прежде чем опубликовать, а потом можешь даже не заикаться думать... Все равно не дадут - тема закрылась.
Припоминаю времена, когда парень (из Подмосковья кажется) экспериментировал со сверлением гранита и сам о себе отзывы писал. Ну... был один плохиш, зачем всех марать? 10 минут - мало, надо, как минимум, сутки. Введите на полгодика, там еще раз обсудим... Пока что существующее ограничение заметно занижает на форуме планку элементарной грамотности и "беллетристичности", если так можно выразиться. Только вчитался, заметил ошибочку, а все... трамвай уехал, любуйся теперь всю жисть на неисправленный недочет, засвеченный на потеху всему честному собранию. Знаю сайты, где правка разрешена ВСЕГДА, часто там бываю, пишу, общаюсь много лет...

Re: Возможности Встроенного редактора

СообщениеДобавлено: 19 янв 2015, 02:26
Коровьев
Юрий_Ск писал(а):Припоминаю времена, когда парень (из Подмосковья кажется) экспериментировал со сверлением гранита и сам о себе отзывы писал

Мало того, он ещё сам с собой и спорил, и ругался. Незабвенный Hard.

Юрий_Ск писал(а):10 минут - мало, надо, как минимум, сутки. ... Пока что существующее ограничение заметно занижает на форуме планку элементарной грамотности и "беллетристичности", если так можно выразиться. Только вчитался, заметил ошибочку, а все... трамвай уехал, любуйся теперь всю жисть на неисправленный недочет, засвеченный на потеху всему честному собранию.

Как говорят американцы, не хватило 5-ти - не хватит и 25-ти (они имеют ввиду количество патронов).
Есть окно быстрого ответа, есть редактор сообщения, кто не даёт подумать, внимательно оценить и вчитаться в только что написанное, прежде чем нажать "Отправить"? Никто же дубиной-то не подгоняет...

Могу ещё такой приём предложить, особенно для объёмных сообщений.
Создайте документ Microsoft Word, распишите там то, что нужным считаете, тщательно выверьте все огрехи, – как грамматического, так и смыслового характера, – потом скопируйте текст и вставьте в сообщение. Будет лишнее время подумать.

Re: Возможности Встроенного редактора

СообщениеДобавлено: 19 янв 2015, 02:36
НИТУП
Юрий_Ск, Ну, если вы к нам надолго, то можете попытаться стать модератором, или исследователем, с правами модерации. Если надумаете, обращайтесь в личку.

Re: Возможности Встроенного редактора

СообщениеДобавлено: 15 фев 2016, 13:30
Stiv