JSFiddle - React, Tailwind, and code Playground

by rigids

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 1 -->
<script src="jquery.wysiwyg.js" type="text/javascript"></script>
<!-- 1 -->
<script src="jquery.jeditable.js" type="text/javascript"></script>
<!-- 2 -->
<script src="jquery.jeditable.wysiwyg.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery.wysiwyg.css" type="text/css">
<!-- 2 -->
<script src="jquery.jeditable.charcounter.js" type="text/javascript" ></script>
<script type="text/javascript" src="jquery.charcounter.js"></script>



<script type="text/javascript" charset="utf-8">
// <![CDATA[
$('.editable').editable('http://www.example.com/save.php', { 
    type      : 'wysiwyg',
    onblur    : 'ignore',
    submit    : 'OK',
    cancel    : 'Cancel',
    wysiwyg   : { controls : { separator04         : { visible : true },
                               insertOrderedList   : { visible : true },
                               insertUnorderedList : { visible : true }
                }
    }
});
// ]]>
</script>  
<style type="text/css">

textarea {
    line-height: 16px;
}

#sidebar {
  width: 0px;
}

#content {
  width: 770px;
}

div.entry {
  width: 385px;
  float: left;
}

</style>

</head>

<body>
   

      <p class="editable" id="custom_5">Edit me!</p>