JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://medialize.github.com/jQuery-contextMenu/src/jquery.contextMenu.js"></script>
<link rel="stylesheet" href="http://medialize.github.com/jQuery-contextMenu/src/jquery.contextMenu.css">
dumdedum bla
<word>test</word>
<word>notest</word>

CSS

word {
    color: red
}

JavaScript

$('word').dblclick( function(e) {
    e.preventDefault();
    var word = $(this);
    changeWord(word);
});
                   
changeWord = function(word){
    var item={};
    if (word.text() == 'test') {
        item['edit']={name: "Edit", icon: "edit"};
    } else {
        item['cut']= {name: "Cut", icon: "cut"} 
    }
    console.log(item);
    $.contextMenu( 'destroy', 'word' );
	$.contextMenu({
		selector: 'word',
		trigger: 'none',
		items: item
	}); 
    word.contextMenu();
}