Markdown 中的内联 CSS

Question

我使用 Simplemde（降价编辑器）作为嵌入式文本区域，用于在我的网站上撰写文章。我最近遇到了一个问题：

在编写时，如果我插入一个图像，它会拉伸到 100%，占据整个页面，如下所示：

我尝试在 textarea 中插入内联 css（样式标签），但这没有用。

但是在预览选项中，我使用了内联 css（将高度和宽度设置为 400px）并且它有效：

如何在此降价编辑器中根据我的喜好设置图像大小？

更新：我已经尝试在 Markdown 中嵌入 HTML，例如：

<img style="width:400px;" src="abc.jpg">

但这似乎不起作用，我的图像甚至没有以这种方式出现在文章中。整个 img 标签缩小到<img>我的 textarea 中！

Answer 1

在 Markdown 中嵌入 CSS 很容易。它可能取决于降价解析器，但通常可以在降价文件中包含任何有效的 HTML 和 CSS。

<style type="text/css" rel="stylesheet">
* { color: red; }
</style>
This is a markdown file. Save this snipped under `test.md` and convert into html5
with `pandoc` or any other markdown parser.

一个非常强大的降价解析器是pandoc！

pandoc --from=markdown --to=html5 --output=test.html test.md

Answer 2

这也许可以回答你的问题，看起来你可以在 markdown 中嵌入 HTML，并且可以通过这种方式添加样式。Markdown 和图像对齐

你说你尝试过内联，你是否只尝试过 HTML？

<img src="https://i.stack.imgur.com/geBaa.png" width="50">