Техобзор: поле новой записи / комментария

[Diaryalive]

В поле новой записи (комментария) расположено множество функций и настроек, которые мы хотели бы сегодня осветить.

В первую очередь обратите внимание, что размер поля новой записи (комментария) можно регулировать. Для этого нажмите на выделенный правый нижний уголок и потяните:

Первый пункт новой записи – заголовок (в комментариях его, естественно, нет). Обычно он отличается по оформлению от стиля основного текста в посте, но это зависит от настроек дизайна дневника / сообщества:

По умолчанию в поле новой записи работает HTML. Подключить визуальный редактор можно в Настройки – Настройки сайта - Записи и комментарии:

Что касается визуального редактора, то пользоваться им не рекомендуется, потому что, честно говоря, он сейчас кривой до невозможности, но я знаю, что некоторые любители острых ощущений дайри-жители им все же пользуются.
Если вы хотите посмотреть, как будет выглядеть ваш пост (комментарий) без цветового оформления дизайна дневника / сообщества, то выберите пункт «прозрачные поля» справа над полем новой записи (комментария):

Покажу на примере своего дневника, там это будет выглядеть контрастнее:

Также над полем новой записи (комментария) расположена строка инструментов, которыми вы можете воспользоваться при написании текста:

Вы можете добавить в этот набор инструментов свои настраиваемые кнопки, в таком случае они будут располагаться после последней кнопки стандартного списка.
Первая кнопка задает жирное выделение текста (либо вы можете воспользоваться сочетанием клавиш Ctrl + B). Если вы хотите ей воспользоваться, выделите текст и нажмите кнопку, она добавит до и после выбранного текста соответствующие HTML-теги для оформления:

Результат:

Следующая кнопка в списке, как видно по ее изображению, задает наклонное оформление текста. Порядок действий тот же:

Результат:

При желании можно использовать два и более тега одновременно.
Третья кнопка задает подчеркнутое оформление текста:

Результат:

Четвертая – зачеркнутое оформление текста:

Результат:

Пятая кнопка в списке задает оформление текста «оффтоп». В зависимости от настроек оформления вашего дневника / сообщества этот стиль может совпадать или не совпадать со стилем основного текста. Обычно задают настройку более светлого или контрастного оттенка, чтобы подчеркнуть маловажность оффтопа.

Результат:

Следующие три кнопки регулируют выравнивание текста:
• По центру:

• По правому краю:

• По ширине страницы:

Смысла в последней кнопке мало, потому что текст в посте или комментарии в дайри выравнивается по ширине по умолчанию.
Следующая кнопка – "вставка url" - используется, если вы хотите дать ссылку в пределах и за пределами дайри:

При нажатии на кнопку в поле поста или комментария вставляется код, который необходимо заполнить. В кавычках вставляется адрес ссылки, между тегами – название ссылки:

При помощи этой кнопки вы также можете, например, оформить уже существующую в тексте поста или комментария ссылку. Для этого вам необходимо ее выделить, нажать кнопку и написать название ссылки. Но более удобно сначала вставить тег, а затем вставить в него адрес ссылки.
Следующая картинка служит для добавления изображения или вставки его из БИ:

При нажатии этой кнопки в отдельном окне открывается функция добавления изображения. Первый раздел – «Параметры отображения» - служит для добавления картинки из Интернета. Вам необходимо вставить в поле URL изображения (найти его можно, нажав правой кнопкой мыши на картинку и в зависимости от браузера выбрать пункт «Копировать URL картинки»). Не забудьте нажать кнопку «Вставить»:

Следующий раздел – «Добавить изображения» - служит для добавления изображения с вашего устройства, также вы можете добавить изображение, перенеся его из устройства на поле «Выберите файл». Главное, чтобы параметры изображения соответствовали разрешенным в БИ.

Третий раздел дает доступ к уже существующим в БИ изображениям:

Каждое изображение можно вставлять в поле новой записи или комментария по-разному:
1) Изображение – если вы выберите этот пункт, картинка вставится в полном размере;
2) Превью – в поле новой записи или комментария вставится превью, полноразмерная картинка откроется при нажатии на превью в отдельном окне;
3) Вставить URL – вставится не картинка, а ссылка на нее в вашей БИ;
4) Превью в MORE – картинка вставится в уменьшенном размере, полноценный размер откроется при нажатии на превью.
Следующая кнопка – со знаком вопроса – дает доступ к инструкции по вставке медиа, но, во-первых, инструкция неполная, а, во-вторых, информация в этой инструкции устарела (youtube изменил дизайн и функциональность сайта).
Следующая кнопка в строке вставляет длинное тире (но здесь надо вспомнить соответствующее правило пунктуации).
Следующая – вставляет кавычки-елочки.
Кнопка с изображением собачки позволяет вставить ссылку на профиль дайри-юзера:

Настроить порядок работы тега  .. можно в Настройки - Настройки сайта - Работа тегов: IMG, MORE, J:

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

Следующая кнопка в списке позволяет скрыть отрывок текста или текст полностью (убрать его под кат):

Результат:

Вместо «читать дальше» можно вставить любой текст или даже картинку для заглушки:

Настроить порядок работы тега MORE можно в Настройки - Настройки сайта - Работа тегов: IMG, MORE, J:

Кнопка «NI» позволяет скрыть текст от поисковиков. Подозреваю, что пользуются ей немногие, но, думаю, что она может быть полезна, если у вас открытый дневник.
Кнопка «CODE» позволяет показать любой код или тег, работающий в дайри, потому как в опубликованном посте или комментарии теги скрыты:

Кнопка «Unicode» позволяет преобразовать текст в стандарт кодирования Юникод. Ей кто-нибудь пользуется?
Кнопка «Translit» преобразует транслит в Win-кодировку. Ей кто-нибудь пользуется?[x2]
Последняя кнопка в строке инструментов по идее должна вести на Правила транслита, но сейчас она ведет просто на главную страницу Правил @дневников.