使用 进行帖子格式化以实现制表符缩进

我过去使用 8 个          来缩进我的段落

它们一直有效,直到我添加了一个使用此代码的居中对齐图片:

这弄乱了帖子的格式。制表符、段落/图片对齐,以及类似 Microsoft Word 中 CTRL+U 的快速下划线,将使撰写快速文章不再那么痛苦。

我正在寻找可以导入到 Discourse 中的其他写作工具。因为撰写清晰的长篇文章风格的帖子真的不太可行。

明白了,但 Discourse 不是用来写文章的。它是一个论坛,不是一个博客 :thinking:
在一些 Discourse 论坛中,文章发布在专用的 WordPress 博客上,该博客使用 Search Results for “wp-discourse。” | WordPress.org

话虽如此,您看过 Formatting toolbarComposer Button Bonanza 吗?

3 个赞

可以理解。

如果你从未使用过 WordPress,它真的很糟糕。我现在为我的博客设置了它,它只是一个最别扭的应用程序。

Discourse 如果在撰写文章方面进行一些调整,可以接触到更广泛的受众。因为大多数不错的博客写作平台每月都要花费很多钱。

X.com 上写作 = 每月 30 美元。

Tumblr 将文章限制在约 40,000 个字符。

Blogger 已经过时并且缺乏功能(我甚至无法将我写好的 Markdown 文章复制到其中)。

要在 Discourse 上写出好的文章,实际上只需要一个标签缩进 + 对齐文本/图像。

我也不想把人们引离我的论坛。我想让他们留在论坛内阅读。

转到 WordPress 不适合我的需求。

我正在修改 Discourse,以便我可以使用它作为博客工具。

1 个赞

            这对我有效。另外,你为什么要缩进?自从有了在线文档和文本块以来,几乎没有人再使用缩进了。文本分块看起来更好,是在线出版物的当代标准。缩进看起来甚至很奇怪,而且在标记语言中不容易实现是有原因的。

3 个赞

添加其他代码到帖子中后,该代码会使所有内容失效。如果你想重现这个问题,请添加 8 次   来缩进段落,然后再添加上面的代码。它会改变所有内容的格式。

书籍/手稿的格式比这种网页格式风格好得多,尤其是在阅读长篇文章时。在需要时,分块很有帮助。

我在 Tumblr 上的解决方法是使用分块和许多图片来分隔段落。因为阅读大量没有缩进的文本确实不令人愉快。

你的 OP(原帖)说的不是这个。

如果你想获得帮助,请让你的帖子更清晰。

我建议阅读一些 Documentation 主题。如果你想学习如何使用标记、bbcode 和其他允许的格式,这是一个起点:

2 个赞

我添加到帖子中的所有内容

        
用于创建段落的缩进。

然后我添加了代码:

这弄乱了整个帖子的格式。

它基本上将所有段落缩进变成了 4 个空格

我将为您提供一些可用于博客式帖子的快速 CSS 格式化技巧。

您的缩进方式不正确。使用 CSS 的正确方法如下(缩进标准为 2ems):

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>

使用以上所有内容的最终效果:

2 个赞

这是我刚做出来的一个东西。它在编辑器工具栏中添加了按钮,包括缩进功能。

2 个赞

谢谢你,这运行良好。

我认为缩进少了一个空格:

image

顶行使用了你的缩进,底行是 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

有没有可能给这个组件添加一个下划线?这几乎解决了我的所有需求,所以我非常感谢。

如脚注所述,请分叉它并在其上进行您自己的开发。我实际上没有使用它的用途,制作它只是为了向您展示如何自己进行此类自定义。