如何将样式应用于内置的Markdown标签



我正在学习reactjs,我正在尝试创建一个文本编辑器,在其中我想根据启动和终点索引选择文本。

我可以获取选定的文本,我可以使用标记的软件包 ** for Bold和 _ for Italic等应用BOLD,斜体,但是我无法应用 text-aligntext-decoration之类的样式标签。

如何为标记标签应用样式?还有其他方法吗?

您需要定义CSS规则才能设置生成的HTML。如果您只想将样式应用于单个段落(或段落的一个子集(,则可能需要在Markdown中使用RAW HTML来定义段落上的类或至少定义内联样式。

作为原始语法规则状态(添加了强调(:

Markdown的语法旨在用于一个目的:要用作网络写作的格式。

降压不是替代HTML,甚至不是接近它。它的语法非常小,仅对应于非常小的HTML标签。这个想法不是创建一种语法,使插入HTML标签变得更加容易。我认为,HTML标签已经很容易插入。MARKDOWN的想法是使其易于阅读,写作和编辑散文。HTML是出版格式;Markdown是一种写作格式。因此, Markdown的格式语法仅解决可以在纯文本中传达的问题

对于Markdown的语法未涵盖的任何标记,您只需使用HTML本身。

Markdown不是"出版格式",提供一种样式/布局的方式,您的文本是宣传的范围。也就是说,这并非不可能,因为您可以包括RAW HTML(HTML是出版格式(。例如,以下RAW HTML将缩进段落:

<p style="padding-left:4em">A paragraph which is indented.<p>

或,如果您在CSS中定义了一些样式:

.indent {
    padding-left: 4em;
}

然后,您可以使用RAW HTML将该类分配给段落:

<p class="indent">A paragraph which is indented.<p>

这样做的缺点是,根据规则,在块级的RAW HTML标签中未处理Markdown Text。这意味着您的链接以及粗体和斜体文本也需要使用RAW HTML进行格式。

另一种可能性是使用Markuru实现Markdown最初引入的非标准属性列表,后来又通过了其他一些人采用(可能还有更多,但我只知道这四个(。在这种情况下,您可以将类分配给降价段落(避免对RAW HTML的需求(,然后使用CSS定义类的布局。但是,您绝对必须使用实际支持非标准功能的少数几个实现之一,并且您的文档不再可移植到其他系统。

相关内容

  • 没有找到相关文章