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

Помощь по форуму, отзывы, ваши версии.
Правила форума
Форум посвящен древней истории.

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

Сообщение #1  JohnCrayton » 17 фев 2013, 15:54

Открываю пошаговый разбор функций встроенного редактора.
editor4b.jpg

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

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

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

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


Результат

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

Кнопка Quote

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

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


Результат

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


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

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


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

UserName писал(а):Текст сообщения
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #2  JohnCrayton » 17 фев 2013, 16:25

Кнопка 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
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #3  JohnCrayton » 17 фев 2013, 16:57

Кнопки 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. вышел зайчик погулять
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #4  JohnCrayton » 17 фев 2013, 18:18

Кнопка img
editorimgb.jpg


Подробно вставка изображений обсуждается здесь
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #5  JohnCrayton » 17 фев 2013, 18:39

Кнопка 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]


Результат

текст в сообщении со ссылкой на ресурс
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #6  JohnCrayton » 17 фев 2013, 19:11

Кнопка Flash
editorflb.jpg


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

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

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


Результат

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #7  JohnCrayton » 17 фев 2013, 19:36

Выпадающий список размеров текста
editorfsizeb.jpg


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

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

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

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


Результат

Ехал грека через реку
Видит грека в реке рак
Ох и долго же ехал (нормальный размер текста)
Сунул грека в реку руку
Рак за руку греку цап
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #8  JohnCrayton » 17 фев 2013, 19:49

Цвет шрифта
editorcolorb.jpg


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

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

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


Результат

Руками не трогать
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #9  JohnCrayton » 17 фев 2013, 20:15

Выравнивание справа, по центру, слева. Кнопка align=
editoralignb.jpg


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

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


Результат

Папа
у васи
силён в математике
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #10  JohnCrayton » 17 фев 2013, 20:47

Кнопка 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]


Результат

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #11  JohnCrayton » 17 фев 2013, 22:34

Кнопка spoiler=
editorspoilb.jpg


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

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

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


Результат

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #12  JohnCrayton » 17 фев 2013, 22:42

Кнопка video=
editorvidb.jpg


Подробные инструкции по прикреплению видео можно найти здесь
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #13  JohnCrayton » 18 фев 2013, 01:22

Добвлена новая кнопка для перечёркивания текста [ s ]

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

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


Результат

очепятка
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #14  JohnCrayton » 18 фев 2013, 03:38

Мегатест :)

Код: выделить все
[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. элемент
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #15  JohnCrayton » 05 мар 2013, 20:47

Внимание! Редактор изменён на более удобный! Тем не менее часть инструкций действительна и для нового редактора. В ближайшем будующем ожидается перевод на русский. И соответственно инструкции и помощь к новому редактору.
В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet
Аватар пользователя
JohnCrayton
Участник форума ЛАИ
Цитата
 
Сообщений: 253
Зарегистрирован: 21 янв 2013, 00:27
Откуда: Германия
Благодарил (а): 58 раз.
Поблагодарили: 48 раз.
Предупреждения: 0%
Репутация: 36

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

Сообщение #16  Юрий_Ск » 18 янв 2015, 03:04

Для хорошего усвоения, нужно поэкспериментировать вживую в собственных сообщениях, однако этого не дает сделать ограничение на правку. В итоге получаются огрызки, которые потом даже удалить нельзя. Желательно вообще снять ограничения на правку.
Аватар пользователя
Юрий_Ск
Участник форума ЛАИ
Цитата
 
Сообщений: 51
Зарегистрирован: 24 сен 2013, 09:43
Откуда: Керчь
Благодарил (а): 0 раз.
Поблагодарили: 3 раз.
Предупреждения: 0%
Репутация: 2

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

Сообщение #17  НИТУП » 18 янв 2015, 05:48

Юрий_Ск писал(а): Желательно вообще снять ограничения на правку.

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

Изображение

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

И кстати, вот тема по новому редактору сообщений viewtopic.php?f=57&t=838&p=9261#p9261
Луч Абсолютной Истины - в потемках официальной истории!
Изображение
Аватар пользователя
НИТУП
Координатор сетевых ресурсов ЛАИ
Цитата
 
Сообщений: 1839
Зарегистрирован: 20 янв 2013, 23:08
Благодарил (а): 369 раз.
Поблагодарили: 534 раз.
Предупреждения: 0%
Репутация: 117

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

Сообщение #18  Stiv » 18 янв 2015, 13:10

НИТУП писал(а):Этого никогда не будет

Этот вопрос активно обсуждался на прошлом форуме. Были и эксперименты. Но после возникновения нескольких случаев, когда исправление постов приводило к спорным ситуациям, и нарушение правил форума у зачинщика фактически отсутствовало, мы приняли решение ограничить время редактирования и удаления сообщений автором. Зато возможность подумать перед отсылкой предоставлена в полной мере. Да и администрация это неустанно напоминает, "прежде чем отослать пост, используйте предварительный просмотр". Это значительно снижает уровень накала возникающих страстей и вполне достаточно для редактирования.
«Feci quod potui, faciant meliora potentes»
«Я сделал, что мог, кто может, пусть сделает лучше»
Марк Туллий Цицерон «Письма»
Аватар пользователя
Stiv
Эксперт ЛАИ
Цитата
 
Сообщений: 3524
Зарегистрирован: 23 янв 2013, 19:53
Откуда: Москва
Благодарил (а): 847 раз.
Поблагодарили: 980 раз.
Предупреждения: 0%
Репутация: 155

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

Сообщение #19  Юрий_Ск » 19 янв 2015, 01:34

Хм... тогда получается как у Хармса: "Написал сегодня пару строк о любви. Закрыл тему". Т.е. один раз подумал хорошенько, прежде чем опубликовать, а потом можешь даже не заикаться думать... Все равно не дадут - тема закрылась.
Припоминаю времена, когда парень (из Подмосковья кажется) экспериментировал со сверлением гранита и сам о себе отзывы писал. Ну... был один плохиш, зачем всех марать? 10 минут - мало, надо, как минимум, сутки. Введите на полгодика, там еще раз обсудим... Пока что существующее ограничение заметно занижает на форуме планку элементарной грамотности и "беллетристичности", если так можно выразиться. Только вчитался, заметил ошибочку, а все... трамвай уехал, любуйся теперь всю жисть на неисправленный недочет, засвеченный на потеху всему честному собранию. Знаю сайты, где правка разрешена ВСЕГДА, часто там бываю, пишу, общаюсь много лет...
Аватар пользователя
Юрий_Ск
Участник форума ЛАИ
Цитата
 
Сообщений: 51
Зарегистрирован: 24 сен 2013, 09:43
Откуда: Керчь
Благодарил (а): 0 раз.
Поблагодарили: 3 раз.
Предупреждения: 0%
Репутация: 2

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

Сообщение #20  Коровьев » 19 янв 2015, 02:26

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

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

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

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

Могу ещё такой приём предложить, особенно для объёмных сообщений.
Создайте документ Microsoft Word, распишите там то, что нужным считаете, тщательно выверьте все огрехи, – как грамматического, так и смыслового характера, – потом скопируйте текст и вставьте в сообщение. Будет лишнее время подумать.
- Фамилия моя - ну, скажем, Коровьев. ©
Аватар пользователя
Коровьев
Отошёл от дел
Цитата
 
Сообщений: 3387
Зарегистрирован: 25 янв 2013, 16:38
Благодарил (а): 1106 раз.
Поблагодарили: 1103 раз.
Предупреждения: 0%
Репутация: 75

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

Сообщение #21  НИТУП » 19 янв 2015, 02:36

Юрий_Ск, Ну, если вы к нам надолго, то можете попытаться стать модератором, или исследователем, с правами модерации. Если надумаете, обращайтесь в личку.
Луч Абсолютной Истины - в потемках официальной истории!
Изображение
Аватар пользователя
НИТУП
Координатор сетевых ресурсов ЛАИ
Цитата
 
Сообщений: 1839
Зарегистрирован: 20 янв 2013, 23:08
Благодарил (а): 369 раз.
Поблагодарили: 534 раз.
Предупреждения: 0%
Репутация: 117

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

Сообщение #22  Stiv » 15 фев 2016, 13:30

«Feci quod potui, faciant meliora potentes»
«Я сделал, что мог, кто может, пусть сделает лучше»
Марк Туллий Цицерон «Письма»
Аватар пользователя
Stiv
Эксперт ЛАИ
Цитата
 
Сообщений: 3524
Зарегистрирован: 23 янв 2013, 19:53
Откуда: Москва
Благодарил (а): 847 раз.
Поблагодарили: 980 раз.
Предупреждения: 0%
Репутация: 155


Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.

BBCode ВЫКЛЮЧЕН
   

Вернуться в Раздел для новичков

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1