JSFiddle - React, Tailwind, and code Playground

by kuiche

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.10.0/codemirror.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.10.0/codemirror.css">
<body>
<div id="words">
    <span class="pred" draggable="true">words</span>
</div>

<div id="cm"></div>
</body>

CSS

.pred {
    color: green;
}

JavaScript

var editor = CodeMirror(document.getElementById('cm'), {
});

$('#cm').on('drop', '.CodeMirror-code pre', function(e) {
    alert('pre');
    
});

$('#cm').on('drop', '.CodeMirror-code span', function(e) {
    alert('span');
    e.stopPropogation();
});