How does backend WYSIWYG TinyMCE editor opens a widget by a double click

dmitrii_fediuk · February 1, 2016, 9:30am

magento/magento2/blob/c53d060/lib/web/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentowidget/editor_plugin.js#L45-L54


// Add a widget placeholder image double click callback
ed.onDblClick.add(function(ed, e) {
    var n = e.target;
    if (n.id && n.nodeName == 'IMG') {
        var widgetCode = Base64.idDecode(n.id);
        if (widgetCode.indexOf('{{widget') != -1) {
            ed.execCommand('mceMagentowidget');
        }
    }
});

github.com

magento/magento2/blob/c53d060/lib/web/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentowidget/editor_plugin.js#L51-L51


ed.execCommand('mceMagentowidget');

github.com

magento/magento2/blob/c53d060/lib/web/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentowidget/editor_plugin.js#L23-L25


ed.addCommand('mceMagentowidget', function() {
    widgetTools.openDialog(ed.settings.magentowidget_url + 'widget_target_id/' + ed.getElement().id + '/');
});

widgetUrl looks like http://example.com/admin/widget/index/widget_target_id/contentEditor/

contentEditor is a DOM ID of the wysiwyg TEXTAREA, it is passed to the server as widget_target_id parameter of URL.

github.com

magento/magento2/blob/c53d060/lib/web/mage/adminhtml/wysiwyg/widget.js#L62-L65


new Ajax.Updater($(this), widgetUrl, {evalScripts: true, onComplete: function () {
        dialog.removeClass('loading');
    }
});

github.com

magento/magento2/blob/c53d060/app/code/Magento/Widget/Controller/Adminhtml/Widget/Index.php#L38-L52


/**
 * Wisywyg widget plugin main page
 *
 * @return void
 */
public function execute()
{
    // save extra params for widgets insertion form
    $skipped = $this->getRequest()->getParam('skip_widgets');
    $skipped = $this->_widgetConfig->decodeWidgetsFromQuery($skipped);


    $this->_coreRegistry->register('skip_widgets', $skipped);


    $this->_view->loadLayout('empty')->renderLayout();
}

github.com

magento/magento2/blob/c53d060/app/code/Magento/Widget/view/adminhtml/layout/adminhtml_widget_index.xml#L9-L11


<container name="root">
    <block class="Magento\Widget\Block\Adminhtml\Widget" name="wysiwyg_widget"/>
</container>

dmitrii_fediuk · February 1, 2016, 9:31am