JSFiddle - React, Tailwind, and code Playground

by replicateur

HTML

<script src="//cdn.ckeditor.com/4.5.10/full/ckeditor.js" defer></script>
<div contenteditable="true">some text</div>

JavaScript

CKEDITOR.inlineAll();
for (var instanceName in CKEDITOR.instances) {
    CKEDITOR.instances[instanceName].addCommand('copy_all', {
        exec: function(edt) {
           alert('Yay!');
        }   
    });

    CKEDITOR.instances[instanceName].ui.addButton('Copyall', {
        label: 'Copy All',
        command: 'copy_all',
        toolbar: 'basicstyles',
        icon: 'https://avatars1.githubusercontent.com/u/5500999?v=2&s=16'
    }); 
}

CKEDITOR.config.toolbar = [ 
    {name: 'basicstyles', items : ['Copyall', 'Font', 'FontSize', 'Bold', 'Italic', 'Strike']},
];