× Решение возникающих технических проблем

Как работать с редактором текста сообщений?

  • Администратор
  • Администратор аватар Автор
30 авг 2018 21:29 - 09 сен 2018 12:11 #1 автор Администратор
Администратор написал новый пост: Как работать с редактором текста сообщений?
Полезные практические советы
Для использования всех возможностей редактора BBCode при написании своих сообщений и оформлении текста советуем прочитать сначала всю эту тему полностью.

1. По умолчанию редактор для написания сообщения включается на 600 секунд (10 минут). Если по прошествии этого времени текст сообщения не был сохранен, то редактор станет неактивным. Делается все это исключительно для обеспечения максимальной безопасности на Форуме для всех его посетителей и участников.
Поэтому советуем всем авторам написать сначала текст самого сообщения, сохранить его и только после этого заниматься "украшением" текста, если захочется.

Для начала некоторого "украшения" текста сообщения (придания ему более читабельного вида) следует снова открыть редактор текста, выбрав опцию "Изменить" в наборе операций под текстом с названием "Действие".

2. Теперь о доступных всем авторам инструментах самого редактора текста (об использовании кнопок в меню уже самого текстового редактора BBCode). Все доступные там функции уже переведены на русский язык, ниже расскажем вкратце как же лучше пользоваться ими на практике.
Большинство кнопок в меню редактора всем уже давно знакомо и известно - нечто похожее используется и в редакторе Ворда, например, которым многие пользуются. Есть только некоторые различия и особенности в порядке действий для использования всех возможностей нашего редактора.

Наиболее просто можно использовать базовые кнопки редактора - такие, как "выделение чёрным", курсив, подчеркивание разного типа, выравнивание текста и т.д.
Ниже прямо на рисунках постараемся объяснить максимально просто как всё это нужно делать правильно и продуктивно.

3. Итак, текст написан (напоминаем, что настоятельно рекомендуем сначала писать сам текст и сохранять его в качестве некоего "черновика") и теперь встала задача - как его "украсить"?

Все указанные ниже базовые команды по "украшению" текста следует ОБЯЗАТЕЛЬНО исполнять в следующем порядке:
- сначала выделяется текст (слово), который следует "украсить",
- и только после этого (!) нажимается желаемая кнопка!
После этого все выделенное будет автоматически заключено в так называемые "теги" со своими кодами-командами, которые и обеспечат выполнение желаемого "украшения".

4. В результате после всех этих операций на экране появится следующая "абракадабра":
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Пугаться этой "абракадабры" не следует - это Вы сами так написали редактору текста, что же он должен сделать. Только написали это на его, редакторском языке...

5. Хотите перевести всю эту редакторскую "абракадабру" на простой человеческий язык? Тогда просто нажмите на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать". Результат будет таков:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Понятно? Все получилось так, как и хотели? Замечательно, тогда пойдём дальше!

6. Но, сначала заметим, что в редакторе не предусмотрено пока автоматическое удаление всех этих "тегов", так что в случае какой-либо ошибки делать это следует вручную.
Для этого следует стирать все лишние "теги" (т.е. весь этот "странный" текст на английском языке, заключенный в квадратные скобки) как в начале, так и в конце выбранного текста. Сами квадратные скобки также следует удалять полностью...
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


7. Столь же просто добавлять в текст сообщения так называемые "смайлики" - графические и понятные всему миру символы Ваших эмоций. Полный набор всех доступных смайликов спрятан в меню редактора в самом конце - справа.
Кликайте на этой улыбающейся рожице и выбирайте там сами свою соответствующую оценку. Тут объяснять много не приходится...
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Немного иначе следует использовать все остальные опции "украшения" в редакторе. Но об этом и поговорим подробнее дальше...
  • Администратор
  • Администратор аватар Автор
07 сен 2018 19:53 - 09 сен 2018 09:25 #2 автор Администратор
Администратор ответил на пост Как работать с редактором текста сообщений?
8. Теперь следует научиться правильно использовать и применять кнопки активирования тегов так называемых ненумерованного и нумерованного списков. Нормальным языком речь пойдёт о простом списке с несколькими пунктами или же аналогичном списке, но со сплошной нумерацией всех этих пунктов.

Для составления (презентации на экране) таких списков следует использовать указанные на рисунке кнопки тегов, причем здесь также очень важен порядок действий. В этом случае список изначально не пишется, в СНАЧАЛА наживается сама кнопка соответствующего тега. После этого на экране появляется следующая картинка с очередной "абракадаброй":

Только после этого следует начинать заполнять пункты списка необходимой информацией. Для этого курсор устанавливается на месте между начальным и конечным тегом, а именно, как это показано на предыдущем рисунке, между тегами
[li]
и
[/li]
После заполнения первой линии между тегами (первого пункта в списке) переходите к заполнению второго пункта списка. В результате получится нечто такого рода:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


9. В случае необходимости дополнения списка новым или же новыми пунктами следует использовать кнопку тега "Пункт списка".
Курсор устанавливается на новой линии в конце текста, но ещё до завершающего тега
[/ul]
или
[/ol]
Только после этого нажимается кнопка "Пункт списка", указанная на рисунке. В тексте появляются следующие новые теги:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

После этого курсор вновь устанавливается на место между начальным и конечным тегом, а именно, как это уже говорилось ранее, между тегами
[li]
и
[/li]
И вносится текст нового пункта списка, в данном случае - еще один работник со своими ФИО, как это показано на рисунке:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Если нажмёте на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", то увидите на экране как будет выглядеть этот список:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Если все будет в порядке, то можно нажимать на расположенную внизу кнопку зеленого цвета "Отправить", служащую для публикации сообщения.
  • Администратор
  • Администратор аватар Автор
07 сен 2018 21:28 - 09 сен 2018 09:26 #3 автор Администратор
Администратор ответил на пост Как работать с редактором текста сообщений?
10. Теперь поговорим об использовании кнопок тегов "Цитирование" и "Код".
Порядок действий при использовании этих кнопок, как и их назначение для оформления текста, весьма схожи, поэтому и рассмотрим их вместе.
Оба этих тега используются уже после написания самого текста, как и базовые теги, о которых речь шла в самом начале - таких, как "выделение чёрным", курсив, подчеркивание разного типа, выравнивание текста и т.д.
Иными словами, в этом случае также СНАЧАЛА пишется сам текст и только после этого он "украшается" вставкой тегов нажатием на соответствующие кнопки редактора.
Кнопка редактора "Цитирование" и сам тег выглядят на экране следующим образом:

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

Кнопка редактора "Код" и соответствующий тег выглядят на экране следующим образом:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Этот тег применяется обычно также для цитирования и соответствующего выделения на экране какого-то блока текста. Только в этом случае сам украшаемый текст может содержать любые символы и коды, используемые в программировании.

После написания текста или его копирования в окно редактора из какого-либо внешнего источника нужный текст выделяется с помощью курсора и нажимается кнопка соответствующего тега.
На экране это будет выглядеть так:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В принципе оба эти способа выделения блока текста на экране, как видите, могут использоваться для украшения своей публикации. Различаются они между собой фактически только своим оформлением.
Не считая того, разумеется, что для написания "абракадабры" программистов следует использовать только тег "Код".
  • Администратор
  • Администратор аватар Автор
08 сен 2018 14:45 - 09 сен 2018 09:28 #4 автор Администратор
Администратор ответил на пост Как работать с редактором текста сообщений?
11. Настала очередь освоить использование тегов "Спойлер" и "Скрыть от гостей".
В принципе оба этих тега служат для "сокрытия" какого-то блока текста или изображения на экране, но с разными целями.

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

Приведем пример. Сначала следует внести полностью какой-то текст и привести изображение, которые потом будут "сворачиваться и разворачиваться":

После этого курсором следует выделить конкретную часть сообщения для "сворачивания/разворачивания" и нажать кнопку тега "Спойлер". На экране появится следующее:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Как видите, при использовании тега "Спойлер" добавляется некий объяснительный текст о том, как будет работать этот самый "спойлер", как и добавляются некие команды для скрытия/открытия спрятанной части текста.
Так это будет выглядеть потом на экране для всех читателей. И не пробуйте, кстати, нажимать в режиме просмотра на кнопочки "скрыть" над текстом - они всё равно не заработают до того, как сообщение будет опубликовано...

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

Снова пример на экране. Опять же сначала вносится полностью текст и изображение, которые должны быть скрыты для обычных читателей:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

После этого курсором следует выделить конкретную часть сообщения для "скрытия от гостей" и нажать кнопку тега "Скрыть от гостей". На экране появится следующее:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Как видите, при использовании тега "Скрыть от гостей" также добавляется некий объяснительный текст о том, как будет работать этот самый тег и что появится на экране.
Ничего сложного!
Если все будет в порядке, то вновь можно нажимать на расположенную внизу кнопку зеленого цвета "Отправить", служащую для публикации сообщения.
  • Администратор
  • Администратор аватар Автор
08 сен 2018 21:33 - 22 сен 2018 19:38 #5 автор Администратор
Администратор ответил на пост Как работать с редактором текста сообщений?
Теперь рассмотрим последний блок информации о тегах, используемых в редакторе текста.
Причем о наиболее часто используемых обычно при написании текстов сообщений на форумах - это теги вставки активных ссылок, изображений и видео...

12. Начнем с тега вставки "Web-ссылки", что на простом языке означает предоставить читателю возможность перейти на рекомендуемый источник в Интернете напрямую, кликнув просто на указанном названии или адресе.
Этот тег как раз и позволяет сделать эту ссылку "активной" или, говоря опять же нормальным языком, делает за читателя всю скрытую черновую работу с помощью специального кодирования, перенаправляя пользователя напрямую на указанный ресурс.
Таким образом, нудная и непростая работа читателя по копированию указанной ссылки из текста с последующим внесением этой ссылки в окно браузера заменяется простым кликом на специально выделенном названии или адресе в Интернете.
Удобно, не правда ли? Этот "волшебный" тег расположен на следующем месте в меню редактора:


В принципе, на нашем Форуме существует два способа вставки "активной" Web-ссылки - полный и упрощенный. Ниже рассмотрим каждый из этих вариантов.
Но в любом случае для вставки Web-ссылки СНАЧАЛА пишется весь текст сообщения и только после этого в том самом месте, где должна располагаться ссылка на источник в Интернете, нажимается кнопка тега "Web-ссылка" (полный вариант) или же напрямую в текст сообщения вписывается URL-адрес (упрощенный вариант):
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


При "полном" варианте активации ссылки курсор выставляется в нужное место в написанном тексте, после чего нажимается кнопка тега "Web-ссылка".
На экране открывается следующая форма для заполнения данных:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Откуда следует брать данные для заполнения этой формы? Ответ очевиден - с активной страницы того самого источника в Интернете, на который хотите сослаться!
Для этого в НОВОЙ закладке браузера (т.е. не закрывая уже открытую страницу с подготавливаемым сообщением на Форуме) рекомендуется открыть этот самый источник. В качестве примера рассмотрим одну из страниц на нашем Форуме.

В зависимости от используемого Вами браузера получить данные по URL и тексту-названию для ссылки, необходимые для заполнения формы в сообщении на нашем Форуме, можно разными способами.
URL можно узнать как из меню браузера (там есть команда "Копировать адрес ссылки"), либо же просто копируя этот URL-адрес из окна браузера, как это показано на рисунке внизу.
Текст же титульного названия этого источника можно узнать и скопировать либо в заголовке источника на странице, либо в закладке источника в Интернете (в самой левой верхней части страницы), как это показано на рисунке внизу:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Вернемся к заполнению формы для вставки "активной" ссылки в сообщение на нашем Форуме. Закладка в браузере с этим сообщением закрыта Вами, надеемся, не была, так что просто переходите на нее и заполняйте форму.

Укажем здесь сразу, что заполнять поле "URL" следует обязательно (иначе ссылка просто не будет работать, не зная нужного URL-адреса), а вот в поле "Текст" (название) заполнять можно вольно (называть этот рекомендуемый ресурс как захочется) или же не указывать там вообще ничего.
Хотя скажем также, что лучше все же наполнять поле "Текст" (Ваше название для ссылки) какой-либо информацией. Это очень приветствуется поисковыми системами, которые считают, что таким образом читателю представляется более полная, точная и полезная информация, что, в свою очередь, повышает рейтинг опубликованного сообщения в глазах поисковиков.

В результате заполненная форма на экране будет выглядеть приблизительно так, как это показано на рисунке внизу. После чего (если после проверки видно, что все внесено правильно) следут нажимать кнопку "Добавить":
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

В результате на экране в тексте сообщения появится следующий дополнительный код:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Теперь о втором, "упрощённом", варианте активации ссылки, который мы специально установили на нашем Форуме для облегчения написания сообщений любым, даже самым неопытным в кодировании автором.
В этом варианте активации ссылки курсор вновь выставляется в нужное место в написанном тексте, после чего в текст ПРОСТО вставляется один лишь "URL-адрес" (обязательно с http:// или https:// в начале), о котором мы уже говорили ранее.
Все остальное будет сделано за Вас автоматически!
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Как видите, указанная Вами ссылка автоматически становится "активной", чего всем нам и хотелось.
Единственный относительный "недостаток" этого метода состоит в том, что поле "Текст" заполнено не будет со всеми последствиями для оценки сообщения поисковыми системами, о чем мы уже говорили раньше.
  • Администратор
  • Администратор аватар Автор
10 сен 2018 00:00 - 10 сен 2018 14:56 #6 автор Администратор
Администратор ответил на пост Как работать с редактором текста сообщений?
13. Теперь поговорим о вставке в текст сообщения на Форуме графического изображения - рисунка, фотографии или изображения. Того, что в народе часто называется просто картинками...

13.1. Для этого используется тег "Ссылка на изображение", расположенный на следующем месте в меню редактора:

Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В этом случае курсор выставляется в нужное место в написанном тексте, куда следует вставить изображение, только после этого нажимается кнопка тега "Ссылка на изображение".
На экране открывается следующая форма для заполнения данных:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


13.2. Разъясним сначала что это за поля в форме и для чего они служат.
13.2.1. Поле, называемое "Alt", является по сути дела всего лишь "аннотацией" - описанием изображения, которое Вы хотели бы указать.
13.2.2. Поле же, называемое "URL", является полным URL-адресом для изображения, приводимого Вами в тексте сообщения, только записанного на специальном языке редактора.
Иными словами, здесь редактору указывается, где в бескрайних недрах Интернета точно расположено изображение, которое ему и следует показать в тексте Вашего сообщения на Форуме.

13.3. Теперь что и как следует вписывать в эти два поля?
13.3.1. Сначала про текст описания изображения (ALT). Вообще-то заполнять это поле совсем не обязательно, но крайне желательно.
Раньше уже говорилось о том, что это очень приветствуется поисковыми системами, которые считают, что таким образом читателю представляется более полная, точная и полезная информация, что, в свою очередь, повышает рейтинг опубликованного сообщения в глазах поисковиков.

И еще один маленький нюанс.
Писать свое описание для изображения (заполнять поле ALT) следует кратко. Система в настоящее время принимает только одно слово в этом поле, а все последующие слова в описании обрезаются автоматически.

Хотя откроем Вам здесь маленький "секрет", как можно "обойти" это системное ограничение: пишите свое однословное название и добавляйте после него через чёрточку ("-") ещё и порядковый номер, что для системы будет являться одним словом и такое название будет допущено.
Например, пишите в поле ALT "Скрин-01". Так и система наша будет довольна, и поисковики Вас когда-то отблагодарят, и все описания у Ваших изображений будут уникальными и не повторяющимися.

13.3.2. Теперь про поле URL. Здесь следует сначала сказать, что есть правила по заполнению этого поля универсальные и обычно действующие, а есть частные случаи, зависящие от места и способа хранения изображений в Интернете.

13.4. Сначала о способе обычном. Чаще всего все изображения, опубликованные в Интернете в текстах каких-либо статей (материалов), имеют свои собственные уникальные URL-адреса, отличные от URL-адресов самих материалов с текстами.
Именно поэтому поисковики могут их индексировать (включать в свою базу данных) и предлагать их для просмотра всем желающим при запросе по "картинкам". Кстати, именно в этом случае (при показе по запросу) поисковики учитывают наличие или отсутствие у изображений своих собственных описаний (Alt), о чем мы говорили чуть раньше.

13.4.1. Как узнать этот самый URL-адрес изображения для того, чтобы точно указать его в заполняемой форме?
Делая обычно "клик" на самом заинтересовавшем Вас изображении в каком-то материале, это изображение открывается в отдельном окне. Уже без текста материала, а как простое изображение...

Приведем пример с одним из наших собственных изображений, опубликованных ранее в одном из сообщений на этом Форуме. Сделав "клик" на нём в тексте того сообщения, открывается следующая картинка:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В зависимости от используемого Вами браузера получить данные по URL-адресу изображения, необходимому для заполнения формы в сообщении на нашем Форуме, можно разными способами.
URL-адрес можно скопировать как с использованием меню браузера (там есть команда "Копировать адрес ссылки"), либо же просто копируя вручную этот URL-адрес из окна браузера, как это показано на предыдущем рисунке.

13.4.2. Вернемся теперь к заполнению формы для вставки изображения в сообщение на нашем Форуме. Закладка в браузере с этим сообщением закрыта Вами, надеемся, не была, так что просто переходите на нее и заполняйте форму полученными данными.
Выглядеть на экране это будет так:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В результате на экране в тексте сообщения появится следующий дополнительный код:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


13.5. Поговорим теперь о некоторых известных нам на сегодня особых способах вставки изображений, размещенных на специальных ресурсах в Интернете. Например, на "Яндекс Диске"...
Причина таких "сложностей" с показом изображений с такого рода ресурсов связана с тем, что они служат, в первую очередь, для хранения, просмотра и скачивания файлов, в том числе графических, а не для их показа на других ресурсах, в том числе на нашем Форуме или других сайтах.
Тем не менее, существует технический способ решения этой проблемы, позволяющий вставить в сообщение на нашем Форуме изображение, хранящееся на "Яндекс Диске". Рассмотрим это решение...
В этом случае следует использовать "комбинированный" вариант составления URL-ссылки на изображение, которое следует вносить в соответствующее поле URL формы на Форуме.

13.5.1. Первая часть сложносоставленного конечного URL-адреса в этом случае всегда будет такой:
https://getfile.dokpub.com/yandex/get/
Не вдаваясь в детальные технические объяснения, скажем только, что фактически этой частью URL-адреса активируется команда "Яндексу Диску" показать желаемое изображение там, где это требуется.

13.5.2. А вот вторая часть сложносоставленного конечного URL-адреса должна браться уже с самого "Яндекс Диска". Эта "переменная" часть итогового URL-адреса должна соответствовать "адресу" изображения на этом облачном хранилище.
Эта "переменная" часть определяется и копируется таким же образом, как это было описано ранее в "обычном" способе.

Приведем пример. Одно из изображений, опубликованных уже на нашем Форуме, хранится на самом деле на "Яндекс Диске":
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Как видите на рисунке, эта URL-ссылка копируется из окна браузера или же с помощью меню команда ("Копировать адрес ссылки") самого браузера.

13.5.3. А уже после этого и создаётся сложносоставленный конечный URL-адрес, добавляя к его "постоянной" части еще и "переменную" составляющую. В результате получится такой конечный URL-адрес:
[https://getfile.dokpub.com/yandex/get/ + https://yadi.sk/i/vqk8qxqm3acJKg
=
https://getfile.dokpub.com/yandex/get/https://yadi.sk/i/vqk8qxqm3acJKg
Именно этот суммарный итоговый URL-адрес и вставляется в поле URL в форме для показа изображения на нашем Форуме. Поле ALT заполняется аналогично тому, как это было уже описано ранее:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В результате на экране в тексте сообщения появится следующий дополнительный код:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Такова проверенная на практике на сегодня система показа изображений, хранящихся на "Яндекс Диске".
Система же показа изображений с других "нестандартных" ресурсов и хранилищ должна уточняться отдельно, в первую очередь в справочных материалах всех этих ресурсов. А потом еще и проверяться на практике..

13.6. А что следует делать в случае, если какие-то изображения, которые хотелось бы поместить в текст Вашего сообщения на Форуме, ещё нигде не опубликованы и хранятся где-то у Вас на диске или же в компьютере?

Администраторы и Модераторы Форума уже сейчас могут загружать эти свои "новые" изображения прямо на наш сервер, откуда они и показываются всем желающим так, как это было рассказано ранее.
Для всех же остальных пишущих на Форуме пользователей (зарегистрированных в нашем Клубе) в редакторе предусмотрена возможность "прикладывать" к тексту своего сообщения ещё и определенный тип файлов, среди которых могут прикрепляться и файлы изображений с наиболее часто используемыми форматами.
Для этих целей следует использовать кнопку "Вложение", расположенную в левой нижней части страницы ниже текста самого сообщения.

О том, что можно прикреплять к сообщению на Форуме (типы и расширения файлов, как и их максимальный размер), можете узнать, нажав на эту кнопку.
Ну, а дальше следует действовать в соответствии с указанными там инструкциями...

Не забудьте только перед началом всех действий по прикреплению к тексту сообщения какого-либо вложения поставить курсор на то место в тексте, где хотите чтобы появилось Ваше изображение или же вложенный файл!
Всё остальное за Вас будет сделано автоматически!

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

13.7. Для облегчения написания сообщений с помещенными внутри изображениями сейчас все эти "картинки" автоматически выстраиваются по центру текста самого сообщения.

13.8. Кроме того, всем изображениям на экране автоматически задается размер в определённый % от общей ширины поля для сообщения. Так авторам не надо указывать вручную ещё и этот необходимый для изображений параметр.

13.9. И последнее. Появляющиеся на Вашем экране изображения таковыми на самом-то деле не являются! Это - так называемые "эскизы" (изображения для предварительного просмотра) оригинальных изображений.

А вот для просмотра самих оригинальных изображений следует кликнуть на любом "эскизе", после чего откроется специальная фотогалерея, в которой и можно будет просматривать все изображения.
В этой галерее имеются свои команды и функции, свойственные, в принципе, всем фотогалереям.
Заходите в галерею и смотрите всё сами!
  • Администратор
  • Администратор аватар Автор
18 сен 2018 14:37 - 22 сен 2018 19:40 #7 автор Администратор
Администратор ответил на пост Как работать с редактором текста сообщений?
14. И, в заключение, расскажем о возможностях текстового редактора BBCode, используемого на нашем Форуме, для вставки видео.
14.1. Для этого используется тег "Видео", расположенный на следующем месте в меню редактора:


В этом случае курсор выставляется в нужное место в написанном тексте, куда следует вставить видео, только после этого нажимается кнопка тега "Видео".
На экране открывается следующая форма для заполнения данных:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Как видите на экране Вам предлагается использовать два способа вставки в текст видео - через опцию "Поставщик" или же используя "Видео".

14.2. Рассмотрим эти варианты раздельно. И начнем с варианта вставки видео через опцию "Поставщик".
Если Вы выберете этот вариант и нажмете на эту опцию ("Поставщик"), то на экране открывается следующая форма для заполнения данных:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


14.2.1. Разъясним сначала что это за поля в форме и для чего они служат.
Поля, называемые "Размер", "Ширина" и "Высота", заполнять, в принципе, не обязательно - система сама выполнит за Вас эту работу.
Но, если Вы захотите задать какие-то свои специальные размеры для окна видео на экране, то имейте ввиду только то, что значения в этих полях следует выставлять в пикселях.
Поле, называемое "Провайдер", является по сути дела всего лишь списком наиболее часто используемых в мире видео-ресурсов, который Вы и увидите на экране позднее.
Поле же, называемое "ID", является уникальным кодовом номером видео, хранящегося или же воспроизводимого на конкретном выбранном Вами видео-ресурсе.

14.2.2. Теперь что и как следует указывать или вписывать в эти два обязательных поля?
Сначала про поле (Провайдер). Нажав на значок, расположенный справа внутри этого поля, перед Вами откроется список предлагаемых вариантов для выбора видео-ресурса:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Предлагаемый список видео-ресурсов достаточно большой, большинство из них Вам, возможно, даже и не знакомо, но с некоторыми из них Вы уже, скорее всего, работали. Вот их конкретно и можно выбирать из предлагаемого списка...
И, в первую очередь, речь сейчас идет о YouTube, разумеется. В списке выбирается YouTube (последний внизу в списке) и идём дальше...

Теперь немного о том, как же в YouTube формируется свой собственный уникальный URL-адрес для любого видео, там размещенного. Именно потому, что во втором поле формы Вам предстоит вставить еще и некий "ID". Это что ещё такое?
Рассмотрим это на конкретном примере.
На экране ниже видно, как, в принципе, выглядит на экране любое видео, размещенное на YouTube. Мы выбрали в данном случае для примера видео с исполнением Львом Лещенко песни "День Победы":
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Как видите в окне браузера приводится полный и уникальный URL-адрес этого конкретного видео (выделено на экране). Кстати, узнать этот URL-адрес можно и другим способом - сам YouTube укажет Вам его, если выбрать "Копировать URL видео" после нажатия правой кнопки мыши на экране с видео.

Но рассмотрим теперь всё же составляющие этого URL-адреса на YouTube.
14.2.3. Первая часть сложносоставленного конечного URL-адреса в этом конкретном случае всегда (или чаще всего) будет такой:
https://www.youtube.com/watch?v=
Не вдаваясь в детальные технические объяснения, скажем только, что фактически этой частью URL-адреса активируется команда "YouTube" показать желаемое видео там, где это требуется, и в том виде, как это хочется.

14.2.4. А вот второй частью сложносоставленного указанного конечного URL-адреса как раз и является этот самый загадочный "ID", который и потребуется Вам впоследствии при заполнении формы по показу видео в Вашем сообщении на нашем Форуме.
Эта "переменная" часть URL-адреса соответствует уже ID - уникальному кодовому номеру каждого видео на YouTube. В данном случае - для этого конкретного видео с песней Льва Лещенко.
Именно указанная "переменная" часть копируется и вставляется потом в форму видео для показа на Форуме.

14.2.5. Вернемся теперь к заполнению формы для вставки видео в сообщение на нашем Форуме. Закладка в браузере с этим сообщением закрыта Вами, надеемся, не была, так что просто переходите на нее и заполняйте форму полученными данными.
Нам известны теперь данные для двух полей ("Провайдер" и "ID"). Вносим их в форму:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В результате на экране в тексте сообщения появится следующий дополнительный код:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Обратите внимание, кстати, что в коде указаны уже раздельно не только данные по "провайдеру" (YouTube), "ID" конкретного видео к показу (в данном случае песни Льва Лещенко), но и размеры видео к показу (425 px по ширине и 344 px по высоте), хотя мы их при заполнении формы и не указывали.

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


14.3. Теперь о варианте вставки видео через опцию "Видео". И, скорее всего, именно этот способ покажется Вам наиболее простым, понятным и универсальным.
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Если Вы выберете этот вариант и нажмете на эту опцию ("Видео"), то на экране открывается следующая форма для заполнения данных:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Как видите, эта форма состоит уже из одного-единственного поля к заполнению - "URL". Что же в ней следует указывать?
А тот же самый URL-адрес, что мы рассматривали уже ранее для случая видео на YouTube, только теперь уже полный URL! А именно:
https://www.youtube.com/watch?v=uafcvZKmSiA
Иными словами, форма заполняется следующим образом:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В результате на экране в тексте сообщения появится следующий дополнительный код:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


14.4. Именно этот последний способ вставки видео в текст сообщения на нашем Форуме можно использовать универсально для показа видео, размещенных на видео-ресурсах, не входящих в приведенный ранее в первом варианте список провайдеров.
Так как же показать в тексте видео с "Одноклассников", например?
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В этом случае курсор выставляется в нужное место в написанном тексте, куда следует вставить желаемое видео, только после этого нажимается кнопка тега "Web-ссылки", выделенная на рисунке.
На экране открывается следующая форма для заполнения данных:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


О том, как заполняется форма для вставки в текст сообщения на Форуме активной Web-ссылки, уже рассказывалось ранее (прочитайте просто этот пост).
Поэтому не будем сейчас повторяться, а покажем сразу полностью заполненную форму для вставки в текст видео из социальной сети "Одноклассники".
В качестве примера покажем вставку видео о некой природной аномалии в Крыму, размещенное в социальной сети "Одноклассники" и имеющее следующий полный URL-адрес:
https://ok.ru/video/821641679106
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


В результате на экране в тексте сообщения появится следующий дополнительный код:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]

Нажав на закладку "Просмотреть", расположенную наверху рядом с закладкой "Написать", увидите на экране как это будет выглядеть для просмотра:
Обратите внимание - текст скрыт! [ Нажмите, чтобы открыть ]


Нажав на указанное в тексте название видео, произвольно выбранное Вами в заполненной ранее форме, в новом окне откроется страница с желаемым видео, которое может просмотреть любой желающий.
Работает на Форум