JSFiddle - React, Tailwind, and code Playground
JavaScript
CKEDITOR.plugins.add( 'hero',
{
icons: 'hero',
requires : ['richcombo'], //, 'styles' ],
init : function( editor )
{
editor.addCommand( 'abbrDialog', new CKEDITOR.dialogCommand( 'abbrDialog' ) );
editor.ui.addButton( 'Hero',
{
label: 'Выбрать героя',
command: 'abbrDialog',
} );
CKEDITOR.dialog.add( 'abbrDialog', function ( editor )
{
var tenant_fields = []; //new Array();
$.ajax({
url: '/heroes',
success: function(adminpanelHeroes) {
for (var key in adminpanelHeroes)
{
tenant_fields[key]=[adminpanelHeroes[key].name, '<a href="" data-html="true" data-trigger="hover" data-toggle="popover" data-content="rgdrg"><img src="/images/heroes_small/pudge_small.png" style="width: 26px; height: 15px; margin-top: 0; margin-right: 4px" alt="">'+adminpanelHeroes[key].name+'</a>'];
}
console.log(adminpanelHeroes[key].name);
}
});
return {
title : 'Выбор героя',
minWidth : 400,
minHeight : 200,
contents :
[
{
id : 'tab1',
label : 'Tenants',
elements :
[
{
id : 'tenant_dropdown',
type : 'select',
label : 'Выбери героя.',
'default':'',
items:...