JSFiddle - React, Tailwind, and code Playground

by Mohit Kumar Gupta

HTML

<a href="#ModalCode" class="ImageManager">Add Image</a><br />
<ul id="imagelist">
</ul>

<div id="modalText" style="display:none;">
    <ul>
% for image in images:
<li><a href="#" class="addimage">Add Image Button Here</a></li>
% end
</ul>
</div>

JavaScript

$('.ImageManager').click(function (event) {
        event.preventDefault();
        var w = window.open("", "popupWindow", "width=600, height=400, scrollbars=yes");
        var $w = $(w.document.body);
        $w.html($('#modalText').html());
        $w.find(".addimage").click(function(e) {
            e.preventDefault();
            $("#imagelist", w.opener.document).append("<li></li>");
        });
    });