Javascript 决战标记编辑器:如何调整图像大小以适应内容?
我试图通过Angularjs模块使用堆栈覆盖流标记编辑器 一切都很顺利,但是包含的图像是实际/原始大小 如何调整它们的大小以适应文本 下面给出的是一个显示相同问题的假人 非常感谢Javascript 决战标记编辑器:如何调整图像大小以适应内容?,javascript,angularjs,markdown,pagedown,showdown,Javascript,Angularjs,Markdown,Pagedown,Showdown,我试图通过Angularjs模块使用堆栈覆盖流标记编辑器 一切都很顺利,但是包含的图像是实际/原始大小 如何调整它们的大小以适应文本 下面给出的是一个显示相同问题的假人 非常感谢 var theShowdown=angular.module('theShowdown',['ngRoute','ngSanitize','ngAnimate','ui.bootstrap','ng showdown']); theShowdown.config(函数(){ }) 控制器('theMain',函数(
var theShowdown=angular.module('theShowdown',['ngRoute','ngSanitize','ngAnimate','ui.bootstrap','ng showdown']);
theShowdown.config(函数(){
})
控制器('theMain',函数($scope,$shodown){
$scope.mymarkdown=`**Hello**u Stackover Flow.[shodown][sd logo]
[sd标志]:http://logz.io/wp-content/uploads/2016/02/stack-overflow-logo.png`;
var htmlValue=$shodown.makeHtml($scope.mymarkdown)
})
终于找到了办法
声明链接的URL时,添加abc.png=100x*
,将高度设置为100,宽度将自动计算。免责声明:
我是目前摊牌的项目负责人
根据: parseImgDimensions:(布尔)[default false]支持从标记语法中设置图像维度。示例:
![foo](foo.jpg =100x80) simple, assumes units are in px
![bar](bar.jpg =100x*) sets the height to "auto"
![baz](baz.jpg =80%x5em) Image with width of 80% and height of 5em
因此,您需要启用选项parseImgDimensions,然后使用上述语法
例子
在构造函数中传递选项:
var converter = new showdown.Converter({parseImgDimensions: true});
或
我不明白为什么会有人对这个问题投反对票
var converter = new showdown.Converter();
converter.setOption('parseImgDimensions', true);