Общие положения
На нашем сайте для написания статей используется собственный редактор текста, основанный на применении
BBCode (аббр. от англ. bulletin board code) —
язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений
(BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но,
в отличие от них, заключённые в квадратные скобки («[» и «]»). Перед отображением страницы
движок сайта производит разбор текста и преобразование его в HTML-код. BBCode был придуман с целью
предоставить более простой, безопасный и ограниченный по сравнению с HTML способ форматирования
сообщений. Использование HTML-разметки пользователями могло приводить к побочным эффектам,
таким как искажение разметки на странице, запуск JavaScript-сценариев (иногда в целях
вандализма), что также могло приводить к проблемам с безопасностью.
Принципы работы с редактором
- Редактор работает совместно с Вашим личным блокнотом.
- Текст вводится вручную с клавиатуры или копируется из любых источников.
- Форматирование текста производится с помощью тэгов BBCode.
- Вставка в текст изображений, аудио- и видеороликов, ссылок на ресурсы, интерактивных элементов
(лайтбоксов) производится из Вашего блокнота.
- Любое форматирование вносимое при копировании текста из других источников не сохраняется.
- Вставки внесенные в текст помимо блокнота также не будут отражаться в опубликованной статье.
- Возможно хранение черновика статьи в локальном хранилище на Вашем компьютере для длительной
неоднократной работы с ним.
Редактор открывается по ссылке (далее "кнопка") Создать статью" при просмотре списка статей любого подраздела.
Ссылка располагается выше списка статей. Каждая статья в списке содержит название статьи,
аннотацию (краткое содержание), автора, дату создания и ссылки на возможные действия со статьей.
Для открытия статьи кликните на название. Для редактирования существующей статьи используйте
кнопку "Исправить". Для удаления Вашей статьи используйте кнопку "Удалить".
Описание интерфейса открытой статьи
В окне открытой статьи располагаются:
поля для ввода названия, слага, аннотации и текста статьи,
кнопки локального хранилища, линейка кнопок форматирования с использованием bbCode.
Поле Название статьи заполняется по Вашему усмотрению, уникальность названия не требуется,
но имейте в виду, что в этом случае может быть пересечение в поиске по названию с другими авторами.
Поле Слаг заполняется автоматически и предназначено для формирования ссылок на статьи,
его редактирование не желательно.
Поле О чем статья ? является аннотацией и заполняется автором для краткого пояснения
содержания статьи. Если оставить это поле пустым, то оно будет автоматически заполнено первыми
256-ю символами из содержания статьи. Не пренебрегайте заполнением это поля, иначе теряется его
смысл, как краткого пояснения к статье.
Кнопки Сохранить как черновик и Загрузить сохраненный черновик используются для
работы со статьей длительное время с перерывами.
Кнопка Сохранить как черновик сохраняет статью в локальное хранилище (LocalStorage)
на Вашем компьютере (! не на сайте).
Кнопка Загрузить сохраненный черновик восстанавливает статью в открытом окне редактора,
в том виде, как она была сохранена последний раз.
Таким образом, Вы можете работать со своей
статьей многократно в течении долгого времени, пока она не будет готова для публикации на сайте.
Сохранять как черновик, в период работы над ней, можно только одну статью - ту над которой
Вы работаете в данный момент. Сохранение в черновик другой статьи перезаписывает содержание
прежнего черновика.
! Что бы не потерять свою недописанную статью - не работайте одновременно
более чем с одной статьей.
Написание текста статьи с использованием тэгов bbCode
Текст статьи вводится вручную с клавиатуры самым обычным образом, переход текущей позиции ввода
на следующую строку происходит автоматически по мере заполнения строки. Перевод строки клавишей
Enter заканчивает текущий абзац и начинает следующий. При копировании текста, например из Word,
разделение абзацев сохраняется, но всякое иное форматирование (выделение, подчеркивание) нет.
Для форматирования текста в данном редакторе используется набор тэгов bbCode, расположенный выше
поля ввода текста статьи.
Принцип использования тэгов: символ, слово или фрагмент текста,
который Вам необходимо показать в нужном виде обрамляется с двух сторон специальными выражениями
в квадратных скобках . В пустой промежуток
между парами квадратных скобок и помещается требуемый выделения фрагмент.
Для упрощения процесса
использования тэги реализованы в виде ссылок, при клике на которые нужный тэг вставляется в
текущую позицию ввода. Необходимо лишь перенести позицию ввода в промежуток между парами
квадратных скобок и продолжить ввод текста. По окончании ввода необходимого фрагмента позицию
ввода необходимо перенести за пределы тэга и продолжить печатать текст дальше.
Перечень используемых на сайте тэгов:
для текста
- [b]<текст>[/b] - полужирный текст (Bold);
- [i]<текст>[/i] - курсивный текст (Italic);
- [u]<текст>[/u] - подчеркнутый текст (U);
- [code]<текст>[/code] - текст
фиксированного форматирования
(моноширинный) (Mono);
- [center]<текст>[/center] -
центрированный текст
(Center);
- [right]<текст>[/right] - текст,
выровненный по правому краю (Right);
- [h<уровень>]<текст>[/h<уровень>] -
заголовок заданного уровня (H1 H2 ...);
для изображения
- [img]<интернет-адрес>[/img] - изображение с заданным интернет-адресом
(Img);
ссылка
- [url=<интернет-адрес>]<текст>[/url] - гиперссылка
с заданными текстом и интернет-адресом (Url);
спойлер
- [spoiler=<заголовок>]<содержимое>[/spoiler] - спойлер (Spoiler);
Во всех рассмотренных тэгах <текст>, <заголовок> или
<содержимое> обозначает то, что Вы печатаете, а <интернет-адрес>
обозначает то, что мы видим обычно в строке браузера, когда переходим по ссылке,
например: https://ru.wikipedia.org/wiki/BBCode
В спойлере необходимо заполнить <заголовок>
и <содержимое>, в ссылке соответственно - <интернет-адрес> и <текст>.
Вставка в текст интерактивных элементов производится из блокнота, расположенного ниже
текста статьи.
В нижней части статьи располагается выпадающее меню для выбора Подкатегории, если Вы захотите ее изменить,
а также кнопка "Опубликовать статью".
Описание блокнота
Блокнот - Ваше личное хранилище файлов для вставки их в тело статьи в качестве
интерактивных элементов (изображений, аудио- и видеороликов, ссылок на ресурсы, лайтбоксов).
Ни один из перечисленных элементов нельзя вставить в текст, минуя блокнот. Сначала в блокнот
загружаются необходимые Вам для работы файлы с Вашего компьютера, они сохраняются на сайте постоянно
и используются для вставки в любые Ваши статьи!
В статьи записываются только ссылки
на Ваши файлы, сами файлы храняться на сайте отдельно. Это означает, что файлы из блокнота можно
использовать многократно в разных статьях.
Удаление файла из блокнота приводит к его
удалению с сайта, следовательно из всех статей, где они были использованы. Не удаляйте файлы из
блокнота, если они были хотя бы один раз вставлены в статью!
Блокнот содержит 5 вкладок для разного типа файлов, в каждую вкладку загружаются соответствующие
названию вкладки файлы: в лайтбоксы загружаются изображения, в прочие - файлы для загрузки
(архивные, текстовые и т.д.). Для загрузки файла необходимо выбрать вкладку, кликнуть на кнопку
"Обзор", выбрать соответствующий файл, дать ему описание и кликнуть на кнопку "Загрузить файл в
блокнот".
Требования к файлам:
- файлы для изображений и лайтбоксов должны иметь тип (расширение) .jpg или .png, размер не более 5 Мб;
- аудиофайлы должны иметь тип (расширение) .mp3, размер не более 16 Мб;
- видеофайлы должны иметь тип (расширение) .mp4, размер не более 16 Мб;
- прочие могут быть любого типа размером не более 5 Мб.
Каждый загруженный файл снабжается ссылкой для вставки его в статью, описанием и кнопкой для
удаления из блокнота "Х". Вставка производится в выбранное Вами место или в последнюю позицию
ввода текста. При необходимости удалить вставленный в блокнот файл используйте кнопку "Х",
а если необходимо удалить файл (ссылку) вставленный в текст статьи, используйте стандартный
способ удаления (выделить и нажать кнопку "Delete" на клавиатуре).
Процесс вставки файлов в текст статьи выглядит следующим образом:
выбрали место в тексте статьи, открыли нужную вкладку в блокноте, кликнули на "Вставить в статью"
под нужным файлом, вернулись в текст и продолжили работу.
Отличия вставки файлов изображения и лайтбокса! Файл из вкладки "Изображения" вставляется
в текст как есть, т.е. без изменения размера. Файл из лайтбокса показывается в тексте как миниатюра,
при клике на нее в отдельном блоке показывается полное изображение.