JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/cupertino/jquery-ui.css">
<script src="http://junk.hostsaba.com/timetracker/jquery.jeditable.mini.js"></script>
<div id="editable" oncontextmenu="return false">cli😢ck me</div>
JavaScript
$('#editable').mousedown(function(event) {
if (event.which != 3) return;
event.preventDefault();
$(this).editable('http://www.appelsiini.net/projects/jeditable/php/save.php', {
indicator: '<img src="img/indicator.gif">',
data: "{'Lorem ipsum':'Lorem ipsum','Ipsum dolor':'Ipsum dolor','Dolor sit':'Dolor sit'}",
type: "select",
submit: "OK",
style: "inherit",
submitdata: function () {
return { id: 2 };
},
onreset: function() {
var $that = this.parent();
$that.editable('destroy');
}
}).click();
});