JSFiddle - React, Tailwind, and code Playground

by Zkolya_linkoln

HTML

<button id="toimg">TO</button>
<img src="http://htmlbook.ru/themes/hb/img/logo.png" />
 <div id="editable_zone" contenteditable="true"></div>

CSS

.selimg{border:1px double black;}
       #editable_zone{width: 500px;height:400px;border:1px double black; }
       #imageup{width: 700px;height:170px;border:1px double black;margin-bottom: 20px; }

JavaScript

$("#toimg").click(function () {

        /*var divid = $(".selected").attr("id");*/
        /*$(".selected").append($(".selimg"));*/
        $(".selimg").appendTo("#editable_zone").resizable().parent().draggable({ containment: 'parent' }).click(function () {
          alert("gj");
            

           
        });

 });
 $('body').on('click', 'img', function () {

        $(this).toggleClass('selimg');
    

    }); $('#editable_zone').focus();