Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 决战标记编辑器:如何调整图像大小以适应内容?_Javascript_Angularjs_Markdown_Pagedown_Showdown - Fatal编程技术网

Javascript 决战标记编辑器:如何调整图像大小以适应内容?

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',函数(

我试图通过Angularjs模块使用堆栈覆盖流标记编辑器

一切都很顺利,但是包含的图像是实际/原始大小

如何调整它们的大小以适应文本

下面给出的是一个显示相同问题的假人

非常感谢


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);