Форматирование постов с использованием   для отступов табуляции

Я использовал табуляцию для отступа абзацев, применяя 8         

Это работало, пока я не добавил изображение по центру с помощью этого кода:

Из-за этого форматирование поста нарушилось. Табуляция, выравнивание абзацев и изображений, а также быстрое подчеркивание через CTRL+U, как в Microsoft Word, значительно облегчили бы написание кратких статей.

Я ищу другие инструменты для написания текстов, которые можно импортировать в Discourse. Потому что создание чётких постов в стиле длинных статей просто невозможно.

Понял, но Discourse не предназначен для написания статей. Это форум, а не блог :thinking:
В некоторых форумах на базе Discourse статьи публикуются на отдельном блоге WordPress, который использует плагин WP Discourse – WordPress plugin | WordPress.org.

Тем не менее, вы уже посмотрели эти обсуждения: Formatting toolbar и Composer Button Bonanza?

Понятно.

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

Discourse мог бы охватить более широкую аудиторию с несколькими доработками для написания статей. Поскольку большинство удобных платформ для ведения блогов стоят очень дорого в месяц.

Написание на X.com = 30 долларов в месяц.

Tumblr ограничивает статьи примерно 40 000 символами.

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

Чтобы писать хорошие статьи на Discourse, достаточно просто использовать отступы табуляцией и выравнивать текст/изображения.

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

Переход на WordPress не идеален для моих задач.

Я сейчас занимаюсь модификацией Discourse, чтобы использовать его как инструмент для ведения блога.

            У меня это работает. Кстати, зачем вообще нужны отступы? Практически никто не делает отступы с тех пор, как появились онлайн-документы и текстовые блоки. Блочное оформление выглядит лучше и является современным стандартом для публикации в интернете. Отступы даже выглядят странно, и именно поэтому их сложно реализовать в разметке Markdown.

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

Форматирование книги/рукописи определённо лучше этого веб-стиля, особенно при чтении длинных статей. Блоки полезны, когда это уместно.

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

Это не то, что вы писали в своём первом посте.

Пожалуйста, делайте свои сообщения более понятными, если хотите получить помощь.

Рекомендую прочитать несколько тем из раздела Documentation. Если вы хотите узнать, как использовать Markdown, HTML и другие допустимые форматы, вот с чего можно начать:

Всё, что я добавил в свой пост

        

— это для создания отступов абзацев.

Затем я добавил код:

Из-за чего форматирование всего поста нарушилось.

По сути, все отступы абзацев превратились в 4 пробела.

Я дам вам несколько быстрых советов по форматированию CSS для постов в стиле блога.

Вы делаете отступы неправильно. Правильный способ сделать это с помощью CSS выглядит так (стандарт отступа — 2em):

в common.scss

[data-theme-indent="indent"] {
    text-indent: 2em;
}

в вашем посте:

<div data-theme-indent="indent">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
</div>

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

в common.scss:

[data-theme-image="left"] {
    float: left;
    img {
      margin: 0 1em 0 0;
      border-radius: 6px;  
    }
}

[data-theme-image="right"] {
    float: right;
    img {
      margin: 0em 0em 0em 1em;
      border-radius: 6px;
    }
}

в вашем посте:

<div data-theme-image="left">

![image|330x314, 50%](upload://8zsmHfqxlU5IrqSywrinvyDfhOx.png)

</div>

результат с использованием всего вышеперечисленного:

Вот что я только что сделал. Это добавляет кнопки в панель инструментов редактора, включая отступ.

примечание: функция отступа может применяться к нескольким блокам одним нажатием кнопки. Таким образом, вы можете ввести несколько абзацев, затем выделить их все и сразу же добавить отступ ко всем. [1].


  1. кстати, этот компонент предназначен для демонстрации того, как вносить собственные изменения в панель инструментов для форматирования CSS. Если вы планируете использовать этот компонент, пожалуйста, сделайте его форк, так как я, скорее всего, не буду его поддерживать и в будущем архивирую ↩︎

Спасибо, всё работает отлично.

Кажется, отступ на один пробел меньше:

image

верхняя строка использует ваш отступ, а нижняя — &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Есть ли возможность добавить подчеркивание к этому компоненту? Это практически решает все мои задачи, так что я благодарен за это.

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

Я забыл об этом компоненте темы — возможно, в нём есть то, что вы ищете, в модификациях панели инструментов редактора и форматировании Markdown:

Спасибо за это.

Не подскажете, почему я больше не могу изменить свой уровень доверия 4 @name? Я изменил его на OFFICER, но теперь это слово нигде не встречается в Site_Text. Оно полностью отсутствует. Возможно, оно так и называлось изначально, но мне кажется, что я менял его с Leader.

Думаю, это заголовок группы. Либо заголовок автоматической группы trust_level_4, либо заголовок значка «Лидер». Проверьте оба варианта, я не могу вспомнить, какой именно.

(Но это не по теме)