JSFiddle - React, Tailwind, and code Playground

by samc

HTML

<link rel="stylesheet" href="http://www.sceditor.com/minified/themes/default.min.css">
<script src="http://www.sceditor.com/minified/jquery.sceditor.bbcode.min.js"></script>
<textarea style="width:600px; height:300px"></textarea>

JavaScript

$('textarea').sceditor({
    plugins: 'bbcode',
    width: '100%',
    emoticonsRoot: 'http://www.sceditor.com/',
    style: 'http://www.sceditor.com/minified/jquery.sceditor.default.min.css'
});

var instance = $('textarea').sceditor('instance');

instance.keyDown(function () {
    var range = instance.getRangeHelper().selectedRange();
    
    console.log('Down startOffset: ' + range.startOffset);
    console.log('Down endOffset: ' + range.endOffset);
});

instance.keyUp(function () {
    var range = instance.getRangeHelper().selectedRange();
    
    console.log('Up startOffset: ' + range.startOffset);
    console.log('Up endOffset: ' + range.endOffset);
});