MD Composer 附加内容

[center] 这样的标签仍然需要插件,但你说得对 @Steven :+1:

在该组件创建时,你必须使用 HTML <div> 标签。不过,现在你可以在主题/组件中使用 [wrap="foo"][/wrap]

你可以在这里了解更多相关信息:

下面是一个简单的示例:

[wrap="center"] 
一些居中对齐的文本 
[/wrap]

帖子经过处理后,会生成如下标记:

<div class="d-wrap" data-wrap="center">
  <p>一些居中对齐的文本</p>
</div>

然后你可以使用 CSS 属性选择器 来定位它,如下所示:

[data-wrap="center"] {
  text-align: center;
}

这样在作曲器预览和渲染后的帖子中都会呈现如下效果:

或者:

[wrap="right"] 
一些右对齐的文本 
[/wrap]

处理后生成的标记如下:

<div class="d-wrap" data-wrap="right">
  <p>一些居中对齐的文本</p>
</div>

然后你可以添加以下 CSS:

[data-wrap="right"] {
  text-align: right;
}

最终效果如下:

由于该组件目前使用的是 HTML 的 align 属性,因此这一更改将完全向后兼容。

有空时不妨试试看,如果有任何问题,欢迎随时私信我。

12 个赞