JSFiddle - React, Tailwind, and code Playground

by rluuan

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.4.0/croppie.css">
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.4.0/croppie.js"></script>
<div id="page">
  <div class="upload-demo">
  </div>
</div>

CSS

#page {
  background: #FFF;
  padding: 20px;
  margin: 20px;
}

JavaScript

$(document).ready(function() {
    //osAjaxBackend.BindAfterAjaxRequest(function(){ screenUnBlock(); }); 
    

    var widthCroppieImage = 300;
    var heightCroppieImage = 300;
    var widthMaxImage = 340;
    var heightMaxImage= 300;
    var screenWidth = $(window).width();
    
    $uploadCrop = $('.upload-demo').croppie({
      url:...