Для того, чтобы оформить статью, выделить предложение или слово, можно использовать встроенный редактор для форматирования текста
В принципе он является интуитивно понятным элементом интерфейса, но я остановлюсь на каждом пункте подробнее, дабы показать пользователям возможности редактора.
Стоит начать с того, что для форматирования текста необходимо работать с тегами. Теги бывают открывающими и закрывающими. Внутри тегов не должно быть пробелов.
Открывающий тег: Он состоит из названия (обозначения) элемента, помещённого внутри [квадратных скобок]. Данный тег служит признаком начала элемента, с этого момента тег начинает влиять на следующее после него содержимое.
Закрывающий тег: выглядит как и открывающий, но содержит слеш «/» перед названием тега. Он служит признаком конца элемента. Пример работы с тегами на примере тега «b» отвечающим за выделение текста
Код:
Обычный текст. [b] – открывающий тег. Любой текст после него будет выделяться жирным начертанием до того как будет использован закрывающий тег того же типа [/b] – закрывающий тег. После него текст уже не будет выделяться жирным начертанием.
Результат:
Обычный текст. – открывающий тег. Любой текст после него будет выделяться жирным начертанием до того как будет использован закрывающий тег того же типа – закрывающий тег. После него текст уже не будет выделяться жирным начертанием.
С помощью первой панели инструментов можно изменять начертание текста:
Жирный. Для использования этого начертания выделите текст тегами [ b ] и [ /b ] соответственно. Пример:
Код:
[b]Жирный[/b]
Курсив. Для использования этого начертания выделите текст тегами [ i ] и [ /i ] соответственно. Пример:
Код:
[i]Курсив[/i]
Подчёркнутый. Для использования этого начертания выделите текст тегами [ u ] и [ /u ] соответственно. Пример:
Код:
[u]Подчёркнутый[/u]
Зачеркнутый. Для использования этого начертания выделите текст тегами [ strike ] и [ /strike ] соответственно. Пример:
Код:
[strike]Зачеркнутый[/strike]
Вы можете комбинировать теги, создавая, к примеру, курсивный подчеркнутыйжирный текст.
С помощью второй панели инструментов можно изменять выравнивание текста. Используются следующие теги:
left – выравнивание по левому краю. Стоит по умолчанию.
Код:
[left] [b]left[/b] – выравнивание по левому краю. Стоит по умолчанию. [/left]
center – выравнивание по центру.
Код:
[center] [b]center[/b] – выравнивание по центру. [/center]
right – выравнивание по правому краю.
Код:
[right] [b]right [/b]– выравнивание по правому краю. [/right]
justify – выравнивание по ширине текста. При выравнивании текста по ширине между словами добавляется пространство, чтобы оба края каждой строки были выровнены относительно обоих полей. Последняя строка абзаца выравнивается по левому краю.
Код:
[justify] [b]justify [/b]– выравнивание по ширине текста. При выравнивании текста по ширине между словами добавляется пространство, чтобы оба края каждой строки были выровнены относительно обоих полей. Последняя строка абзаца выравнивается по левому краю. [/justify]
С помощью третей панели инструментов можно создавать списки. Используются следующие теги: List – создает список, где каждый пункт создаётся тегом [ * ]. Пример:
Код:
[list] [*]Пункт 1 [*]Пункт 2 Что то под пунктом 2 но еще не в пункте 3 [*]Пункт 3 [/list]
Результат:
Пункт 1
Пункт 2 Что то под пунктом 2 но еще не в пункте 3
Пункт 3
List=1 – создает нумерованный список, где каждый пункт создаётся тегом [ * ]. Пример:
Код:
[list=1] [*]Пункт 1 [*]Пункт 2 Что то под пунктом 2 но еще не в пункте 3 [*]Пункт 3 [/list]
Результат:
Пункт 1
Пункт 2 Что то под пунктом 2 но еще не в пункте 3
Пункт 3
hr– что это такое не совсем ясно, потому что элемент имеет название «Вставить строку», но по факту это разделитель. Стоит отметить, что он не требует закрывающего тега.
Код:
[hr]hr – что это такое не совсем ясно, потому что элемент имеет название «Вставить строку», но по факту это разделитель. Стоит отметить, что он не требует закрывающего тега.
//Хм.. а вообще, мне понравилось, буду этим пользоваться) С помощью четвертой панели инструментов можно создавать цитаты и спойлеры. Используются следующие теги:
quote – Создание цитаты. Цитаты можно указывать как с автором, так и без.
Код:
[quote]Цитата без автора[/quote]
Цитата :
Цитата без автора
Код:
[quote="Кот, хранитель кубков"]Цитата великого Кота, хранителя кубков[/quote]
Кот, хранитель кубков пишет:
Цитата великого Кота, хранителя кубков
сode – создает код, в которых до этого всегда указывались теги.
Код:
[code]Это код с кодом кода.[/code]
spoiler – Текст, который будет показан пользователю лишь после клика по нему. Спойлеры можно указывать с именем или без.
Код:
[spoiler]В 2012 году не будет конца света. [/spoiler]
Спойлер:
В 2012 году не будет конца света.
Код:
[spoiler="Спойлер с именем"] Спойлер[/spoiler]
Спойлер с именем:
Спойлер
hide – Насколько я понимаю, прячет текст от других пользователей (или гостей). Но это не точно.
Код:
[hide]Если в примере не будет текста, значит видеть его может лишь автор. [/hide]
Результат:
table – создает таблицу. table border="1" – таблица с рамкой. tr – ячейка по горизонтали. td – ячейка по вертикали.
С помощью пятой панели инструментов можно загружать фотографии и настраивать ссылки. Используются следующие теги: Начну со средней кнопки, вставить свою ссылку с помощью тега url.
Код:
[url=ссылка]Текст[/url]
Код:
[url=https://windworld.forumotion.me/]Сайт Мира Ветров[/url]
Сайт Мира Ветров Стоит отметить, что внутри тега url можно поместить не только текст, но и отформатированный текст или даже картинку. В таком случае при нажатии на картинку вы будете переходить по ссылке.
С помощью первой кнопки можно заразить свои изображения с устройства или с помощью URL. Выбрав необходимое изображение, нажмите на синюю кнопку или «send all». После этого нажмите на сгенерированный код. На какой – не важно, особой разницы не будет.
Как мы видим, нам генерируют не просто изображение , а ссылку в на сайт через которое загружено изображение и само изображение. Избавимся от всего лишнего.
