Авторам статей : особенности оформления

script0l0g 12.05.2020 15.05.2021 5245.0

Дополнительные способы и средства повышения оформительских качеств публикуемых авторских материалов.

В этой статье:


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

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

Здесь, в этой статье, мы также дадим некоторые рекомендации, касающиеся оформления документов Проекта и авторских статей. И хотя весь этот "регламент" не является "строго обязательным", нам хотелось бы видеть некий "единый стиль", в котором будут представлены основные материалы Проекта.

Авторам предлагается придерживаться достаточно простых правил, расширяющих возможности встроенного в движок сайтов редактора. Все описанные здесь дополнительные средства не требуют особых специфических знаний по части JS/CSS/HTML и могут применяться авторами непосредственно в редакторе материалов.

Для уверенной работы в самом редакторе материалов авторам также следует внимательно ознакомиться со статьёй из Базы знаний uCoz: Визуальный редактор: инструкция по работе, в которой подробно освещены основные методы работы с отдельными элементами штатного редактора.

Якоря и ссылки

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

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

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

Показать URL якоря – запрос и копирование ссылки на позицию якоря

Функция предназначена для оперативного копирования ссылки на конкретное место в документе, заданное якорем. Для показа ссылки на якорь используется обычный prompt-диалог, в котором можно скопировать полный URL на эту точку документа.

При нажатии в диалоге кнопки "ОК" срабатывает "прицепленная" функция и документ прокручивается так, как это будет выглядеть со стороны пользователя при переходе по "якорной" ссылке. Если такой "предпросмотр" позиции не нужен, нажимаем в диалоге "Отмена". Для понимания, как это работает, можно щёлкнуть по рисунку слева или ссылке "Конкретное место" в начале следующего абзаца.

Конкретное место размещения якорей, понятно, делается по усмотрению авторов, ссылка в начале этого абзаца является примером такой "якорной" ссылки. Единственное условие для задействования функции "показать URL якоря" – автору в редакторе материалов необходимо указать не только сам якорь (name="имя_якоря"), но и сделать его "пустой" ссылкой (href="#"). Итоговый HTML-код якоря должен при этом выглядеть как-то так:

<a href="#" name="anchor1">Конкретное место</a>

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

* Можно подключить эту функцию и вручную, используя для якорных ссылок дополнительный атрибут:
onclick="PromptAnchorLink(event,this)"
В этом случае весьма желательно проверить потом корректность срабатывая клика по якорю.

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

При этом следует указать в качестве текста ссылки обычный пробел (ссылка получится "невидимой", до наведения на это место курсора мыши) или другие его варианты – неразрывный (&nbsp;) пробел, узкий (&ensp;) пробел и т.д. (в этом случае ссылка будет заметна за счёт отработки штатной CSS для ссылок). Для визуализации пустых якорей можно использовать и любые другие способы – например, добавить некую картинку-указатель или вставить любой символ (типа вот такого ⚓), здесь всё зависит только от вашей фантазии.

При использовании визуального редактора материалов для вставки пустого якоря в заголовок в конце строки заголовка следует добавить ссылку с URL "#" и указать на вкладке "Дополнительно" в поле "Имя" желаемое имя вашего якоря. При этом в качестве текста ссылки-якоря автоматически добавляется обычный пробел ("невидимая" ссылка-якорь).

Автопрокрутка до якоря с поправкой на высоту шапки

При переходах по ссылкам, содержащим якоря, автоматически задействуется функция прокрутки до их позиции с учётом фиксированной высоты шапки. Эта высота считается постоянной, сдвижка идёт от верхнего края окна документа, в текущей редакции скрипта составляет по умолчанию* 120px (чуть больше, чем высота шапки + высота главного меню).

* Вообще говоря, в функции автопрокрутки, кроме имени якоря, есть и второй параметр – отступ от верхнего края документа в пикселях. Мы не будем детально описывать в этой статье применение этого параметра, так как это связано с необходимостью ручного редактирования HTML-кода документа. Однако, вы можете разобраться с этим вариантом прокрутки самостоятельно и использовать для любых якорных ссылок дополнительный атрибут:
onclick="ScrollToAnchor(anchor,150)"
где числом (150) задан необходимый отступ в пикселях от верхнего края окна документа.

При переходе по якорной ссылке в пределах документа прокрутка отработает точно также, как при нажатии "ОК" в запросе URL якоря. При открытии любой якорной ссылки в новой вкладке прокрутка со сдвижкой также срабатывает автоматически при загрузке документа.

Важные ссылки

Для выделения "особо важных" ссылок в общую CSS сайтов Проекта добавлен специальный класс "IMPLINK", который авторам рекомендуется указывать в свойствах таких ссылок. При этом такая ссылка будет выглядет вот так: Проект Good CRX.

Что именно считать важной ссылкой – оставляется исключительно на усмотрение автора, этот стиль нужен только для "акцентирования внимания" пользователя на них. В остальном любые "важные" ссылки ничем не отличаются от обычных, кроме "цветовой дифференциации штанов".)

Ссылка-картинка как аналог "буквицы"

Рисунок в предыдущем абзаце является примером такой картинки-ссылки: выравнивание по левому краю и обтекание текстом. Может применяться авторами для создания определённого эффекта оформления.

В частности, в Положении об использовании материалов Проекта в качестве такой "буквицы" применена ссылка с изображением логотипа GPLv3, ведущая на соответствующую страницу ФСПО.

Разные документы – разные вкладки в браузере

Исходя из удобства чтения авторских материалов нашими пользователями, настоятельно не рекомендуется делать ссылки на другие документы или сайты открывающимися в текущей вкладке. Для этого можно указать* в свойствах таких ссылок "новое окно" (вкладка "Цель" в редакторе ссылки, добавляет к ссылке атрибут target="_blank").

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

Относительные и абсолютные ссылки

Для автоматического использования функции "анонимизации" переходов по внешним ссылкам (кроме ссылок на любые страницы и сайты нашего Проекта, см. далее) рекомендуется использовать в качестве ссылок только полные URL (абсолютные), включающие обязательное указание протокола (http/https и др.). Этот способ используется в редакторе материалов по умолчанию.

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

Для всех ссылок, ведущих на любой из сайтов Проекта авторам следует использовать относительные URL без указания протокола, удаляя протокол и оставляя только имя хоста, начинающееся с двойного прямого слэша (например, для ссылки на главную страницу этого сайта следует указать атрибут href="//goodcrx.ucoz.club"). При этом браузер клиента "понимает", что в качестве протокола должен быть установлен протокол текущего сайта. Автоматическая "анонимизация" межсайтовых переходов для таких внешних ссылок не задействуется (не требуется в данном случае).

Кроме того, относительные URL без указания протокола следует применять и при создании ссылок на веб-архив сервиса Wayback Machine (читаем внимательно о причинах этого требования).

Функция сокращения внешних ссылок

Одна из штатных функций редактора материалов. Об основной цели её применения достаточно подробно сказано в Политике безопасности Проекта. Кроме того, сокращённые ссылки намного удобнее для копипасты и т.д.. Исходя из этого, мы настоятельно рекомендуем всем авторам, использующим в своих материалах ссылки на внешние ресурсы, не относящиеся к Проекту, всегда включать опцию "Заменить внешние ссылки используя сервис u.to". Эта опция даёт дополнительную гарантию автоматического преобразования ссылок (в дополнение к общим настройкам движка сайтов).

Эта опция также автоматически добавляет к каждой короткой ссылке подсказку, указывающую на конечный "длинный" URL. При этом конечная ссылка перехода отображается во всплывающей подсказке (для каждой сокращённой ссылки). Для таких ссылок автоматически добавляется комбинация ALT + щелчок, дающая пользователю возможность прямого перехода, минуя "сокращатель".

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

Начиная с 11 июня 2020 года функция автоматического преобразования ссылок отключена на всех сайтах Проекта на неопределённый срок. Причина – проблема полной потери ссылок при сбоях на серверах компании-хостера. Подробности и обсуждение этого инцидента смотрим в новостном разделе.

В связи с этим все официальные рекомендации по использованию сервиса U.TO при публикации авторских материалов, указанные выше (и ниже), меняются на строго противоположные. Тем не менее, Администрация Проекта никак не ограничивает авторов в применении коротких ссылок этого сервиса в публикуемых материалах, но при этом снимает с себя любую ответственность за целостность таких ссылок.

При размещении вручную в публикуемом материале сокращённых ссылок, независимо от сервиса, их обеспечившего, автору настоятельно рекомендуется в подсказке к ссылке (атрибут [title="…"]) указывать полную ссылку. Это поможет избежать ситуации полной потери ссылок и даст возможность их восстановления в случае необходимости.

Ссылки для показа во всплывающем окне (попап)

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

В качестве дополнительного "украшательства" попапов мы добавили в основной скрипт отдельную функцию, которую можно использовать и в авторских материалах. При потребности использования этой частной формы попапа для ссылки на него необходимо указать атрибут:
onclick="OpenLinkInPopup(event,this,width,height)"
Первые два параметра обязательны, указываем именно так, как написано – event,this, иначе работать не будет!

Параметры width,height задают соответственно ширину и высоту окна в пикселях. Необязательны, можно указывать в любом сочетании. Если эти параметры не заданы – для окна попапа по умолчанию выставляется размер 500х600рх.

Размер попапа всегда фиксированный, без меню, тулбара и прочих элементов окна. Изменять размеры открывшегося окна и разворачивать/сворачивать – можно, стандартными способами.

Примерами фиксированных попап-окон могут служить ссылки на "политики" сайта и прочие документы, связанные с регистрацией пользователя. В частности, вот так выглядит попап Пользовательского Соглашения (жмём и вспоминаем о чём там речь:)).

Важное примечание по URL для попапов

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

При указании ссылки (атрибут [href]) для вывода в попап-окне не следует использовать сокращённые ссылки сервиса U.TO. Если такая ссылка будет указана, вывод в попап не сработает, а сокращённая ссылка будет открыта в текущей вкладке (или в новой, если вручную задан соответствующий атрибут). Это связано с особенностью сервиса U.TO и его взаимосвязью с хостингом наших сайтов.

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

На текущий момент функция автоматического преобразования отключена.

Ссылки на архивные копии внешних документов (скриншоты сторонних веб-страниц)

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

Следует помнить, что официально рекомендуемым и поддерживаемым на наших сайтах является общедоступный свободный интернет-архив Wayback Machine. При указании в вашем материале ссылки на страницу этого веб-архива следует задавать её как относительную без указания протокола – ссылка на архив должна* начинаться с двойного слэша (например, вот так: "//web.archive.org/"). При этом на странице размещаемого материала к такой ссылке будут автоматически применены все соответствующие дополнительные функции (в частности, для неё будет автоматически задан протокол https независимо от текущего протокола сайта Проекта).

* Это связано с тем, что в ссылке могут присутствовать символы (содержащиеся в исходном URL), которые могут быть автоматически преобразованы сервисом сокращения ссылок. При этом конечный "распрямлённый" URL, передаваемый в запросе к веб-архиву, не будет в точности соответствовать исходной архивной ссылке и такая страница может быть не найдена в архиве. Такой "казус", в частности, происходит с URL, содержащими символ "&" (преобразуется "сокращателем" в "&amp;"), для поиска по веб-архиву это различие уже может иметь значение.

В любом случае – перед публикацией материала авторам настоятельно рекомендуется проверять работоспособность всех ссылок, содержащимся в нём, ссылки на страницы веб-архивов не составляют исключения.

Вставка изображений

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

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

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

Упрощённый способ обрамления изображений рамкой

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

Для быстрого обрамления достаточно выделить вставленное изображение и щёлкнуть по кнопке [B] (полужирный текст, кнопка панели инструментов визуального редактора). Этот способ позволяет быстро задать рамку толщиной 1рх с основным цветом (#212121, как у текста) для любого вставленного изображения.

Код такого html-фрагмента в визуальном редакторе в итоге будет выглядеть как-то так:

 <strong><img src="/favicon.png" /></strong> = вывод картинки в рамке:

Точно также отработает и ручная вставка обрамляющего картинку тега <B>:

 <b><img src="/favicon.png" /></b> = вывод картинки в рамке:

В этом (и только в этом) случае на странице материала сработает автоматическое добавление рамки к изображению. При этом непосредственно в редакторе рамка отображаться НЕ будет, а выведется только в самом опубликованном материале. Связано с тем, что "трюк" применяется именно к содержимому блока материала и только на страницах самих материалов.

Размещение в подборке рекомендованных материалов

На сайтах Проекта созданы специальные разделы новостей для размещения анонсов отдельных значимых материалов (авторских статей, частоиспользуемых загрузок и т.п.). Разделы являются аналогом "Избранного" и предназначены для концентрирования ссылок на такие материалы с целью быстрого и удобного доступа пользователей к ним. В общей ленте новостей подобные статьи отмечены специальным значком – зелёной звёздочкой, как в заголовке этого блока.

В анонсах не требуется никаких подробностей по конечному материалу, в поле "Краткое описание" можно просто скопировать соответствующий блок основного материала, в поле "Полный текст" достаточно вставить хотя бы один абзац из текста основной статьи. И, конечно же, необходимо указать и ссылку на сам анонсируемый материал.)

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

Для упрощения размещения материалов в этом разделе новостей добавлены дополнительные функции, облегчающие переход к основному материалу анонса. Для их использования достаточно придерживаться следующих условий при работе с редактором материалов – если ссылка в поле "URL источника" равна:

  • Содержимому поля "Примечание 1" ⇒ включение функции автоматического редиректа со страницы анонса на основной материал (источник), автопереход через 10 секунд. Для всех зарегистрированных пользователей сайта при этом также включается возможность прямого перехода к основной анонсируемой статье непосредственно со страницы списка новостей (щелчок по заголовку анонса в списке с зажатой клавишей ALT).
  • Содержимому поля "Примечание 2" ⇒ автодобавка в конце текста анонса специального блока с фрагментом* содержимого материала анонсируемой статьи и, после него, выделенной ссылки для перехода к этой статье.
    * Подгрузка фрагмента производится только если анонсируемый материал размещён на этом же сайте (в любом разделе). В противном случае спецблок с контентом не выводится, к анонсу будет добавлена только ссылка на основную статью.
  • Содержимому поля "Примечание 3" ⇒ автодобавка в конце текста анонса выделенной ссылки для перехода к основному анонсируемому материалу.
  • Ссылке в поле "URL статьи с обсуждением" ⇒ автодобавка в конце текста ссылки для перехода сразу к блоку комментариев на странице основного анонсируемого материала с указанием того, что там можно обсудить какие-то подробности по теме и т.д..

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

Желающие могут самостоятельно опробовать* работу функций авторедиректа и автоподстановки шаблонных элементов в нашей "Песочнице". На этом сайте отсутствуют (практически)) каки-либо статусные ограничения на публикацию любых (тестовых) материалов во всех разделах.

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

Автоматизация репостов в социальные сети

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

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

Эта функция работает для всех подразделов "Новостей" и для любых статей в блогах (на этом сайте – раздел "Авторские статьи"). Функция необязательна* и должна применяться авторами только для наиболее значимых материалов сайтов. Следует отметить, что возможность отправки репоста есть не только в момент добавления материала, но и в любое время при его последующем редактировании. При этом автор вправе выбрать только одну конкретную соцсеть для репоста либо одновременно отрепостить свой материал в несколько сервисов.

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

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

Использование клавиатуры при работе над материалами

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

Все клавиатурные функции срабатывают при отпускании клавиш (событие keyup).

Кроме уже описанного применения клавиши <Escape>, на всех сайтах доступны и другие дополнительные шорткаты, предназначенные, в основном, для облегчения работы авторов при публикации материалов.

F4 = широкоформатный режим страницы

Применяется без сочетания с управляющими клавишами. Является функциональным аналогом щелчка по логотипу: переключатель, переводящий страницу в "широкоформатный" режим и обратно. Предназначено, в основном, для режимов* редактирования или добавления объёмных материалов. Сделано ради удобства, чтобы не "тянуться мышом" до логотипа.)

* Кроме скрытия "боковухи", по нажатию <F4> также скрывается и главное горизонтальное меню – при скроллинге в режиме редактирования оно "мешается под руками" и может быть случайно нажато…

ALT + S = быстрое сохранение при редактировании

Применяется только в режиме редактора* материалов. Является функциональным аналогом кнопки "Сохранить", работает в полях ввода (в принципе, не ограничивалось, но почему-то – если фокус НЕ в полях ввода – шорткат НЕ срабатывает на странице). Также сделано для удобства, чтобы не сворачивать редактор и не скроллить до кнопки.)

* Предназначено для удобства оперативного периодического сохранения материала именно при редактировании. При добавлении может приводить к "неконтролируемому размножению документов", в этом случае не надо жать этот шорткат слишком часто…)

Дополнительные рекомендации

Во избежание публикации в открытом доступе "сырых" материалов, авторам настоятельно* рекомендуется применять штатную опцию редактора материалов "Материал недоступен для просмотра". Включение этой опции предотвращает показ незаконченных материалов для всех пользователей, кроме автора материала. Такой "скрытый" материал будет также доступен только для модераторов или администраторов сайта.

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

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

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

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

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

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


От автора

Эта статья, наверное, будет из серии "вечно дорабатываемых", потому что мы будем и дальше изменять и дополнять набор "нестандартных" инструментов, доступных авторам при публикации материалов.

В частности, со временем обязательно будут дорабатываться* и изменяться общие формы штатного редактора материалов, особенно – в части добавления новых возможностей (например, таких как файловый загрузчик, подсветка кода, скриншотер и т.д. и т.п.). Всё это должно не только повысить удобство работы авторов со штатным редактором, но и улучшить восприятие материалов его читателями.

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

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

В общем, если вы хотите работать на нашем Проекте в качестве автора, эта статья достойна быть у вас "в закладках".:)

Спасибо за внимание, заглядывайте сюда периодически.

С уважением, Скриптолог.


См.также: Рабочий вариант этой статьи в "Песочнице".

Так держать! :)
Официальные документы

URLПоделиться

Всего комментариев: 22
0
22 script0l0g 15.05.2021 • 07:04
Наконец-то дошли руки: поправил "глазорежущий" дизайн панелей BB/HTML-кодов в редакторе материалов.)
Ничего сверхестественного, просто добавил фикс стандартного CSS движка редактора. Проверил в лисе и хроме, вроде как всё ровно отображается, но если что – пишите в комментариях, посмотрим/поправим…
0
21 script0l0g 07.11.2020 • 12:09
Добавлена доп.функция к специальным правилам обработки ссылок для анонсов избранных материалов:
автоподгрузка фрагмента основного материала рекомендуемой статьи на странице анонса в "Новостях".
Фича работает на всех сайтах Проекта, в том числе – на авторских сайтах (подключается по заявке автора).

Реализовано по предложению Бармалеича, обсуждение и комментарии - там же.
0
20 script0l0g 01.11.2020 • 21:20
Добавлены специальные правила обработки ссылок для анонсов значимых материалов Проекта.
Функции реализованы по предложению Бармалеича, обсуждение и комментарии - там же.
0
19 script0l0g 30.10.2020 • 01:14
На всех авторских сайтах также добавлена фича "маркер статуса текста".
Попутно обновлены шаблоны форм редакторов в разделах "Новости", "Блоги", "Документация" и "Загрузки", по аналогии с опробованными в "Песочнице" и на центральном сайте.
1
18 script0l0g 28.10.2020 • 10:14
Доработаны формы редактора материалов в разделах "Новости", Документы" и "Блогосфера".
Добавлены дополнительные поля для авторских примечаний к статьям с автоконверсией для html-кодов.
Дополнительные поля перегруппированы, добавлены тултипы к группам опций и к некоторым полям.

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

В соответствии с доработками поправил шаблоны этого сайта и "Песочницы".
1
17 script0l0g 23.10.2020 • 17:03
По аналогии с Твиттером: в автоматике репостов добавлена фича отправки в наш Живой журнал.
Можно отправлять одновременно в обе сети либо в любую из них.
1
16 script0l0g 27.06.2020 • 17:30
Добавил парочку шорткатов "по пожеланиям трудящихся" (сами понимаете, каких именно)). wink 
В основную статью уже "не лезет", похоже реальное ограничение в 100кб на материалы стоит…
Да и "привязаны" они больше к авторским работам, поэтому – здесь оставил.

Итак, добавлено:
F4 = аналог "тыка" по логотипу, с отключением главного меню (Бармалеич ну о-о-очень просил)).
ALT+S = дублирует кнопку сохранения в редакторе материалов, попробовал сам – удобно, однако…))

Пойду "оповещать" в соседнюю тему…)
0
15 script0l0g 13.06.2020 • 17:21
Добавил про официальное отключение автолинковки U.TO и немного поправил связанную текстовку.
Стирать совсем не стал, вдруг вернёмся ещё…)
0
10 script0l0g 01.06.2020 • 09:37
Добавил про "раскопанную" Бармалеичем особенность сокращённых ссылок в попапах – фича, похоже, насмерть забита в юкозовский движок и её придётся просто "принять как данность".

Заодно сделал оглавление и добавил раздел про вставку картинок с дополнительной фичей авторамки.
За "авторамку" – отдельное пиво "сами знаете кому"… wink
0
11 Бармалей 01.06.2020 • 11:52
..вот кабы оно сразу раскопалось бы.. ДО того как "сократить с помощью"..))
шибко заманался я потом править в описаниях релизов "воровайки" линки на попапы..
0
14 Бармалей 03.06.2020 • 11:01
..ещё добавлю - походу, её поменяли уже после создания наших сайтов..
почему так думаю - я эти попапы начал применять ещё в марте, тогда всё работало и с короткими юто-линками.. во всяком случае, вчера перепроверял в своих статьях в разделе "общих принципов" - косяк с открытием в самой вкладке стабильный, пришлось переделывать все материалы..
1
7 script0l0g 30.05.2020 • 18:13
Добавил про функцию автоматических репостов в соцсети.
Фича подключена (пока) для репостов важных новостей и статей в блогах в официальный аккаунт Проекта.
Кроме главного сайта Проекта включена на авторских сайтах Get CRX RU и Включить ПКМ.
0
8 GoodCRX 30.05.2020 • 18:32
Скриптолог, "покайся, грешник" – это, поди, Бармалеич тебя напряг на "социаловку"? biggrin 
То-то он сопротивлялся свитерный аккаунт заводить…))

Плюсанул, фича зело удобная, а то так каждый раз приходилось авторизоваться, чтоб запостить.)
0
9 script0l0g 30.05.2020 • 18:55
Ок, каюсь, всё так и было, он и сбил с "пути праведного".))
Ну… поглядел я на весь этот "колхоз" и подумал, а чего бы и впрямь не автоматизировать бардак… happy
0
13 Бармалей 01.06.2020 • 11:57
ну всё польза, так ваще не надо авторизоваться и акк заводить.. biggrin
0
12 Бармалей 01.06.2020 • 11:56
опробовал вчера на своих "кошках", пашет норм..
единственно - как-то не сразу репостит, минуты две-три спустя..
наверное, пока "товарищ майор" не прочитает, не будет "дано добро"..)
во всяком случае, счётчик просмотров сразу увеличивается на 4, значит - точно пасут..))
0
4 script0l0g 18.05.2020 • 14:31
…и про Песочницу в "Дополнительных рекомендациях" - чтоб повысить там посещаемость… wink
0
3 script0l0g 18.05.2020 • 14:26
Добавил подраздел про архивные копии внешних документов:
Ссылки на архивные копии внешних документов
0
5 Бармалей 19.05.2020 • 06:26
..чего подумал - может, есть смысл про архивные копии в отдельный докУмент вынести?
ну и там уже пообсуждать про всякие бэкапы и прочие скриншотеры..
кстати, с вебархивом шняжка какая-то есть - походу, не всё там оседает при простом бэкапе, я тут потестил ру-бордовские страницы сохранять - слетают линки на них, хз почему..
ну, т.е., сейвится оно норм, а потом, через пару дней уже хрен..
может, каэшна, из-за "колбасы в адресе со всякими решётками и амперсандами, пока не понял..

попробовал зарегиться там и посохранять, поглядим как выживет при этом..
0
6 script0l0g 19.05.2020 • 14:35
Про "вынос": согласен, сделал отдельную статью в "официальном":
Авторам статей : архивы и внешние данные
Туда же внёс общие рекомендации про "пикчи", форматы хранения и пр.
0
1 Бармалей 13.05.2020 • 14:45
..прочитал и вспомнил, как мне когда-то сказали перед защитой диплома - "всё будет зависеть от красоты той лопаты, на которой ты это принесёшь"..))
если серьёзно - всё правильно, нужная статья, а то я уже и сам, если честно, стал путаться в "нашей каше"..))

добавлю для "конструктивчика" - надо бы чего-то со штатными заголовками в редакторе подкрутить..
в том смысле, что "загол.1" шибко крупный, а вот прижившегося <h5> в списке нету, а хотелось бы..
как понимаю, можно подправить чуток общие "выходные" стили (и сделать в этой статье ремарку)..
0
2 xweb 13.05.2020 • 17:32
Бармалеич, ты так все наши "секретные планы" вскроешь раньше времени… wink 

По редактору: стилем можно, да, но "есть мысля" копнуть глубже и добавить прямо в список.
Или что-то на свои кнопки полностью переопределить. Но всё это не "прям щас", неактуально пока.
close