JSFiddle - React, Tailwind, and code Playground

by rigids

HTML

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <title>jQuery UI Sortable - Display as grid</title>
    <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
    
    <script type="text/javascript" language="javascript"  src="http://jqueryui.com/jquery-1.5.1.js"></script>
    <script type="text/javascript" language="javascript"  src="http://jqueryui.com/ui/jquery.ui.core.js"></script>

    <script type="text/javascript" language="javascript"  src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>

    <script type="text/javascript" language="javascript"  src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script>
    <script type="text/javascript" language="javascript"  src="http://jqueryui.com/ui/jquery.ui.sortable.js"></script>
    <link rel="stylesheet" href="http://jqueryui.com/demos/demos.css">
    <style>
    #sortable { list-style-type: none; margin: 0; padding: 0;width:100% }
    #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 50px; height: 50px; font-size: 1.1em; text-align: center; }
    .cke_contents{height:160px !important;}
    .chngeip{width:294px}
    </style>
    
    <!-------     EIP FILES                  -->

    
<script src="http://www.bitsntuts.com/demos/ckeip/ckeip.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.bitsntuts.com/demos/ckeip/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="http://www.bitsntuts.com/demos/ckeip/ckeditor/adapters/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('#eip_0').ckeip({
        e_url: 'saveeip.php',
        e_width:40, 
        e_height:40,
        e_hover_color:'#E6E6E6',
        filebrowserUploadUrl : 'ajax/upload.php',

        data: {
    uid : '1',
    rid : '2',
    sid : '9'
              },
        
        ckeditor_config : {
        
        toolbar:
        [
   ...