Pagedown Markdown编辑器:图像问题

时间:2015-03-24 20:00:13

标签: css markdown pagedown

使用PageDown时,插入太大的图像时会出现问题。

它没有重新定尺寸以适合编辑器的宽度(可以使用<img src="" width="...">

示例:尝试在此编辑器中插入此图片网址http://upload.wikimedia.org/wikipedia/commons/4/4b/Apple_pie.jpg

http://www.markitdown.net/markdown

如何使用Markdown将图像放入容器中? (这是在StackOverflow的编辑器上完成的)

3 个答案:

答案 0 :(得分:1)

您可以在URL后附加= WIDTHxHEIGHT以调整图像大小。不要忘记=

之前的空格
![](./applePie.png =100x200)

高度也是可选的,所以你可以......

![](./applePie.png =100x)

如果你指的是StackOverflow图片,可以在这里找到一个很好的描述:https://stackoverflow.com/editing-help#images

答案 1 :(得分:1)

使用Pagedown编辑器时

http://pagedown.googlecode.com/hg/demo/browser/demo.html

它最终通过添加

起作用
#wmd-preview img { max-width: 500px; }

所有图像(即使是大图像)的最大宽度也为500px。

答案 2 :(得分:0)

与您提供的编辑器一起使用的唯一方法是:

<img src="https://upload.wikimedia.org/wikipedia/commons/4/4b/Apple_pie.jpg" width="200" height="200" />

呈现:

而不是:

enter image description here

但这不是降价精神......