markdown_image_2

by bvotcode

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<form role="form" id="abc" data-form-id="abc2" class="abc-form">
<div class="abc-field abc-field-object alpaca-optional abc-create abc-top" data-abc-field-id="abc1" data-abc-field-path="/" data-abc-field-name="">
<label class="control-label abc-control-label"  for="image3">![](https://i.imgur.com/pMRNwuY.png)</label>
<br>
<label class="control-label abc-control-label"  for="image2">![](https://i.imgur.com/ZE8HMqh.png)</label>
<br>
<label class="control-label abc-control-label" for="image1">![](https://i.imgur.com/P92SWSj.png)</label>
<br>
<img src="https://i.imgur.com/ZE8HMqh.png" style="width:200px">
</div>
</form>

JavaScript

//alert($new_image)

function changeImage() {
  for (var element of document.querySelectorAll('[for^=image]')) {
    $image_markdown = element.innerHTML;
    $image_format = $image_markdown.match(/!\[.*?\]\((.*?)\)/)[1];
    $new_image = '<img src="' + $image_format + '" style="width:200px">'
    element.innerHTML = $new_image;
    console.log(element.innerHTML);
  }
  
}
changeImage();

//window.onload = changeImage();