JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdn.ckeditor.com/4.5.4/standard/ckeditor.js"></script>
<script>
CKEDITOR.disableAutoInline = true;
</script>
<div id="noeditor" contenteditable="true">
Text to edit without editor.
</div>
<div id="svg">
<img src='https://upload.wikimedia.org/wikipedia/commons/f/f4/BSicon_ANCHOR030deg.svg'></img>
</div>
<div id="editor" contenteditable="true">
Text to edit
</div>
CSS
#svg {
position: absolute;
width: 500px;
height: 500px;
}
#editor {
position: absolute;
width: 250px;
height: 20px;
}
#noeditor {
position: absolute;
width: 250px;
height: 20px;
z-index : 9999;
}
JavaScript
CKEDITOR.inline('editor');