/ / Сховдовн Маркдовн Едитор: Како променити величину слика како би се уклопио са садржајем? - јавасцрипт, ангуларјс, маркдовн, пагедовн, сховдовн

Сховдовн Маркдовн Едитор: Како променити величину слика како би се уклопио са садржајем? - јавасцрипт, ангуларјс, маркдовн, пагедовн, сховдовн

Покушавам да користим стакла преко токова маркдовн едитор сховдовн по модулу Ангуларјс нг-сховдовн

Све је у реду, али слика која се укључује је у њиховој стварној / оригиналној величини.

како да их промените да би се уклопили у текст?

Доле наведени је лутка која показује исти проблем.

Много хвала!!!

<html ng-app="theShowdown">

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-route.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.1/ui-bootstrap-tpls.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.3.0/showdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-sanitize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-showdown/1.1.0/ng-showdown.min.js"></script>
<script>
var theShowdown = angular.module("theShowdown", ["ngRoute", "ngSanitize", "ngAnimate", "ui.bootstrap", "ng-showdown"]);

theShowdown.config(function() {

})

theShowdown.controller("theMain", function($scope, $showdown) {

$scope.mymarkdown = `**Hello** _Stackover Flow_ ![Showdown][sd-logo]

[sd-logo]: http://logz.io/wp-content/uploads/2016/02/stack-overflow-logo.png`;

var htmlValue = $showdown.makeHtml($scope.mymarkdown)

})
</script>
</head>

<body ng-controller="theMain">
<p markdown-to-html="mymarkdown"></p>
<textarea rows="4" cols="150" ng-model="mymarkdown"></textarea>
</body>

</html>

Одговори:

2 за одговор № 1

Одрицање од одговорности:

Ја сам тренутно лидер пројекта.


По документација одбране:

парсеИмгДименсионс: (боолеан) [дефаулт фалсе] Омогућите подршку за подешавање димензија слике из синтакса маркдовн-а. Примери:

![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

Дакле, морате омогућити ову опцију парсеИмгДименсионс а затим користите горњу синтаксу.

Пример

Додавање опција у конструктору:

var converter = new showdown.Converter({parseImgDimensions: true});

или

var converter = new showdown.Converter();
converter.setOption("parseImgDimensions", true);

1 за одговор № 2

Коначно нашао начин

док проглашава УРЛ адресу за додавање везе abc.png =100x* који ће поставити висину до 100 и ширину ће се аутоматски израчунати.


Сродна питања


Коментари (0)

Додајте коментар