• Уважаемые посетители! Форум больше не может существовать в международном формате. Возможность отвечать и создавать новые темы отключена.

О кнопках в текстовом редакторе

Светлана

Специалист
Команда форума
В этой теме буду потихоньку рассказывать о функциях кнопок в текстовом редакторе. Иногда мне кажется, что большинство из них просто не замечают. На данный момент их 48, но количество и качество их менялось неоднократно.

Снимок.PNG

Изображение кнопкиФункцияЗачем нужна эта кнопка?
1Снимок.PNGПереключить редактор в режим исходного кодаПо умолчанию в редакторе стоит визуальный режим редактирования. Это значит, что цвет и размер текста, картинки, выравнивание текста Вы будете видеть такими, как это будет выглядеть в сообщении. Есть исключения для некоторых тегов, но их мало. С одной стороны, это удобно, нам не мешает лишняя разметка. С другой - мы не видим эту разметку, и когда вставляем в сообщение текст из какого-то сайта, или документа, удивляемся: почему это вдруг текст вставился с другим шрифтом... Нажмите на эту кнопку, поймёте :). Если режим "сразу вижу, что получится" категорически не нравится, его можно отключить в своём Кабинете —> Основные настройки —> Интерфейс редактора сообщений.
2Снимок1.PNGУбрать форматированиеЭта кнопка убирает всю разметку текста. Например, чтобы
во[SUP]т[/SUP] та[SUP]к[/SUP]ой тек[SUB]с[/SUB]т
привести в божеский вид, достаточно выделить его, и нажать на эту кнопку.
3Снимок.PNGВставить как простой текстИногда мы копируем из интернета текст, где кроме разметки текста есть заголовки, куски таблицы... Если Вам нужен из этого всего только текст, нажмите эту кнопку, вставьте текст в появившееся окошко, и нажмите ОК. Останется только текст.
4Снимок5.PNGВставить из WordЕсли воспользоваться этой кнопкой, тоже появится всплывающее окно, куда можно вставить текст из документа Word, и его разметка будет преобразована в максимально близкий форуму вид. То есть, вся понятная для форума разметка будет оставлена как своя.
5Снимок7.PNGШрифтПозволяет изменить шрифт выделенного текста в сообщении.
67.PNGРазмерПозволяет изменить размер шрифта выделенного текста в сообщении. Размер текста по умолчанию: 2.
7Снимок.PNGЦвет текстаПозволяет изменить цвет выделенного текста в сообщении.
8Снимок8.PNGСмайлыДобавить смайлик в сообщение.
9Снимок9.PNGОтменить/вернутьПозволяют отменить предыдущее действие, или вернуть "шоб всё было как раньше" во время редактирования текста.
10Снимок10.PNGВыделить всёКнопка, аналогичная сочетанию клавиш ctrl+a. Выделяет весь текст в окошке редактора.
11Снимок11.PNGСсылкаЧтобы вставить ссылку, нужно выделить нужный текст, нажать эту кнопку. Появится всплывающее окошко, куда можно вставить ссылку (или email), нажать ОК.
12Снимок12.PNGУбрать ссылкуЧтобы удалить ссылку, достаточно поместить курсор на любое место ссылки, и нажать эту кнопку.
13Снимок13.PNGВставить изображениеКнопка, которая позволяет быстро вставить изображение в сообщение. При нажатии на неё открывается всплывающее окошко с двумя вкладками - "С компьютера" и "По ссылке". Если изображение будет загружено на сервер (то есть, вставляя ссылку, Вы не уберёте галочку "Скачать удалённый файл и сохранить локально"), движок форума сам сожмёт изображение, и вставит в сообщение его миниатюру.
Если дважды щёлкнуть по изображению при редактировании, появится всплывающее окошко, где можно указать размер миниатюры, прописать название изображения, ключевые слова, или вставить ссылку. Здесь Вы сможете даже задать обтекание картинки текстом.
Учтите, что эта кнопка - просто один из быстрых способов работы с вложениями. Если нужно использовать больше возможностей (например, удалить изображение при редактировании), придётся перейти в расширенный режим редактора, и воспользоваться кнопкой "Управление вложениями".
Возможно, Вам покажутся удобными другие способы загрузки и использования вложений:
1. Напрямую, используя кнопку "Управление вложениями".
2. Использовать кнопку "Мои фото" (в левом нижнем углу под редактором). Она позволяет вставить фото из своих загруженных ранее вложений и альбомов, в том числе, в личных сообщениях и группах. Свой собственный альбом (публичный или приватный) можно создать в меню Сообщество —> Альбомы
14Снимок14.PNGВставить видеоНужно нажать на неё, и вставить ссылку на страницу с видео
Снимок15.PNG
Эта кнопка понимает и преобразует только ссылки на видео YouTube. Для других ресурсов ссылка останется ссылкой.
15Снимок17.PNGРазвернутьНевероятно удобная кнопка для больших сообщений. При её нажатии редактор текста разворачивается во весь экран. При повторном нажатии - сворачивается к обычному размеру.
16Снимок18.PNGПолужирныйЧтобы сделать шрифт полужирным, нужно выделить нужный текст, и нажать на эту кнопку.
17Снимок19.PNGКурсивЧтобы сделать шрифт наклонным, нужно выделить нужный текст, и нажать на эту кнопку.
18Снимок20.PNGПодчёркнутыйЧтобы сделать шрифт подчёркнутым, нужно выделить нужный текст, и нажать на эту кнопку.
19Снимок21.PNGЗачёркнутыйЧтобы сделать сделать шрифт зачёркнутым, нужно выделить нужный текст, и нажать на эту кнопку.
20Снимок22.PNGПо левому краюВыравнивает текст по левому краю
21Снимок23.PNGПо центруВыравнивает текст по центру
22Снимок24.PNGПо правому краюВыравнивает текст по правому краю
23Снимок25.PNGВставить/удалить нумерованный списокЕсли выделить список, и нажать на эту кнопку, его пункты пронумеруются:
  1. Пункт 1
  2. Пункт 2
  3. Пункт 3
24Снимок26.PNGВставить/удалить маркированный списокЕсли выделить список, и нажать на эту кнопку, его пункты будут выделены точкой:
  • Пункт 1
  • Пункт 2
  • Пункт 3
25Снимок27.PNGУменьшить отступУменьшает отступ текста (если он увеличен)
26Снимок28.PNGУвеличить отступУвеличивает отступ текста
27Снимок29.PNGВставить цитатуЕсли выделить текст и нажать на эту кнопку, он будет оформлен как цитата.
Можно к тегу [QUОTE] добавить '=' и указать имя пользователя в кавычках, например, [QUОTE="Ник автора цитаты"], тогда цитата будет с указанием автора:
Ник автора цитаты написал(а):
Какая-нибудь цитата
28Снимок30.PNGПодстрочныйФорматирует текст как подстрочный, например, F[SUB]min[/SUB]
29Снимок31.PNGНадстрочныйФорматирует текст как надтcрочный, например, x[SUP]a[/SUP]
30Снимок34.PNGВставить горизонтальную линиюПозволяет вставить горизонтальную линию[HR][/HR]вот так.
31Снимок35.PNGТаблицаЭта и восемь следующих кнопок позволяют создать и редактировать таблицу, без их помощи я не смогла бы написать этот пост. Эта кнопка отвечает за создание таблицы, и позволяет задать её основные параметры: ширину, число строк и колонок (их можно будет потом добавить/удалить), границы ячеек.
Кроме того, что в таблице работают ББ коды и можно вставить изображение, можно использовать её дополнительный функции.
Если Вы отключите визуальный режим редактора (см. выше), Вы увидите, как выглядят колонки Вашей таблицы, например:
[ТАBLE="class: grid, width: 500"]
[ТR]
[ТD]Текст 2[/ТD]
[ТD]Текст 4[/ТD]
[/ТR]
[/ТAВLE]
В этом режиме исходного кода прописать в таблицу дополнительные параметры.
Например, можно объединить ячейки (к сожалению, только по горизонтали) с помощью параметра "colspan":
[ТD="colspan: 2"]Текст 1[/ТD]
Или изменить фон ячейки:
[TD="bgcolor: #FF9A9A"]Текст 1[/ТD]
32Снимок36.PNGСвойства таблицыС помощью этой кнопки можно отредактировать свойства таблицы во время работы с ней.
33Снимок37.PNGУдалить таблицуОсторожно! Эта кнопка удалит таблицу со всем её содержимым. Если неосторожно нажали её, вернуть можно с помощью кнопки "Отменить" (выше)
34Снимок38.PNGВставить строку сверхуВставит строку сверху в таблице.
35Снимок39.PNGВставить строку снизуВставит строку снизу в таблице.
36Снимок43.PNGУдалить строкуУдалит строку таблицы
37Снимок40.PNGВставить колонку слеваВставит колонку сверху в таблице.
38Снимок41.PNGВставить колонку справаВставит колонку снизу в таблице.
39Снимок42.PNGУдалить колонкуУдалит колонку
40Снимок32.PNGОффтопЕсли выделить текст и нажать на эту кнопку, текст в сообщении будет свёрнут с комментарием: "Оффтоп".
41bbmedia-icon.pngМедиаКнопка, которая позволяет вставить видеоролик или аудиозапись большого количества популярных ресуров (Coub, RuTube, ProstoPleer), и даже карту или панораму. Подробнее об этой кнопке можно прочитать здесь.
42Снимок33.PNGКатКнопка, очень похожая на предыдущую, только что будет написано в комментарии вместо сворачиваемого текста, определяете Вы. Выделяем текст, нажимает на кнопку "spoiler", во всплывающем окошке пишем комментарий.
:)
43Снимок46.PNGВниманиеФорматирует текст, выделяя его в отдельный блок "Важной информации"
[TIP]Какой-то текст.[/TIP]
44Снимок47.PNGЗаметкаФорматирует текст, выделяя его в отдельный блок "Заметки"
 
Последнее редактирование:

Kvartirant

Специалист
[NOTE]Светлана, мерси.[/NOTE]
Заинтриговали
[HR][/HR]
Разборался как под кат сныкать
 
Последнее редактирование модератором:
Сверху Снизу