Pagedown Markdown 编辑器:图像问题
Pagedown Markdown editor : issue with images
使用PageDown时,插入的图片太大时出现问题。
它没有重新调整为适合编辑器宽度的尺寸(<img src="" width="...">
可以做到)
示例:尝试在此编辑器中插入此图像 URL http://upload.wikimedia.org/wikipedia/commons/4/4b/Apple_pie.jpg:
http://www.markitdown.net/markdown.
如何使用 Markdown 使图像适合容器?
(这是在 Whosebug 的编辑器上完成的)
您可以在 URL 后附加 =WIDTHxHEIGHT 以调整图像大小。不要忘记 =
之前的 space

高度也是可选的,因此您可以...

如果您指的是 Whosebug 图片,这里有关于可能的内容的很好描述:https://whosebug.com/editing-help#images
与您提供的编辑器一起工作的唯一方法是:
<img src="https://upload.wikimedia.org/wikipedia/commons/4/4b/Apple_pie.jpg" width="200" height="200" />
哪个渲染:
而不是:
但这不是降价精神...
使用 Pagedown 编辑器时
http://pagedown.googlecode.com/hg/demo/browser/demo.html
它终于通过添加
起作用了
#wmd-preview img { max-width: 500px; }
所有图片(即使是大图片)的最大宽度为 500 像素。
使用PageDown时,插入的图片太大时出现问题。
它没有重新调整为适合编辑器宽度的尺寸(<img src="" width="...">
可以做到)
示例:尝试在此编辑器中插入此图像 URL http://upload.wikimedia.org/wikipedia/commons/4/4b/Apple_pie.jpg:
http://www.markitdown.net/markdown.
如何使用 Markdown 使图像适合容器? (这是在 Whosebug 的编辑器上完成的)
您可以在 URL 后附加 =WIDTHxHEIGHT 以调整图像大小。不要忘记 =
之前的 space
高度也是可选的,因此您可以...

如果您指的是 Whosebug 图片,这里有关于可能的内容的很好描述:https://whosebug.com/editing-help#images
与您提供的编辑器一起工作的唯一方法是:
<img src="https://upload.wikimedia.org/wikipedia/commons/4/4b/Apple_pie.jpg" width="200" height="200" />
哪个渲染:
而不是:
但这不是降价精神...
使用 Pagedown 编辑器时
http://pagedown.googlecode.com/hg/demo/browser/demo.html
它终于通过添加
起作用了#wmd-preview img { max-width: 500px; }
所有图片(即使是大图片)的最大宽度为 500 像素。