JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ckeditor.com/apps/ckeditor/4.0/ckeditor.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<div id="ckeditor_block">
    <textarea id="editor1"> <span class="sub" id="sub1" data-time-start="0">Hello </span>
 <span class="sub" id="sub2" data-time-start="2">My </span>
 <span class="sub" id="sub3" data-time-start="6">Name </span>
 <span class="sub" id="sub4" data-time-start="8">Is </span>
 <span class="sub" id="sub5" data-time-start="12">Zoob</span>

    </textarea>
</div>

JavaScript

var textarea;

$(document).ready(function () {
    textarea = $('#ckeditor_block').find('textarea').attr('id');
    ckeditor_init();
});

function ckeditor_init() {
    CKEDITOR.replace(textarea, {
        language: 'fr',
        allowedContent: true
    });

    var editorInstance = CKEDITOR.instances['editor1'];
    editorInstance.on('contentDom', function() {
    editorInstance.editable().attachListener( this.document, 'click', function( event ) {
            console.log(event.data.getTarget().data('time-start'));
        });
});
}