JSFiddle - React, Tailwind, and code Playground

by jefferyto

HTML

<script src="http://www.tinymce.com/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<form method="post" action="somepage">
        <textarea name="content" style="width:100%"><p class="demo_format_1">abcd<span class="demo_format_2">ef</span>g</p></textarea>
</form>

JavaScript

(function() {
        // Load plugin specific language pack
        tinymce.PluginManager.requireLangPack('example');

        tinymce.create('tinymce.plugins.ExamplePlugin', {
                /**
                 * Initializes the plugin, this will be executed after the plugin has been created.
                 * This call is done before the editor instance has finished it's initialization so use the onInit event
                 * of the editor instance to intercept that event.
                 *
                 * @param {tinymce.Editor} ed Editor instance that the plugin is initialized in.
                 * @param {string} url Absolute URL to where the plugin is located.
                 */
                init : function(ed, url) {
                        // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('mceExample');
                        ed.addCommand('mceExample', function() {
                                /*
                                ed.windowManager.open({
                                        file : url + '/dialog.htm',
                                        width : 320 + ed.getLang('example.delta_width', 0),
                                        height : 120 + ed.getLang('example.delta_height', 0),
                                        inline : 1
                                }, {
                                        plugin_url : url, // Plugin absolute URL
                                        some_custom_arg : 'custom arg' // Custom argument
                                });
                                */
                                var selection = ed.selection.getSel(),
                                    ancestor = ed.selection.getNode(),
                                    els = ancestor.getElementsByTagName('span'),
                                    l = els.length,
                                    i = 0;
                                if...