20201231101248

editor.windowManager.open({
	"title": "tinymce body element types",
	"body":[{
	    type   : 'listbox',
	    name   : 'listbox',
	    label  : 'listbox',
	    values : [
	        { text: 'Test1', value: 'test1' },
	        { text: 'Test2', value: 'test2' },
	        { text: 'Test3', value: 'test3' }
	    ],
	    value : 'test2' // Sets the default
	},
	{
	    type   : 'combobox',
	    name   : 'combobox',
	    label  : 'combobox',
	    values : [
	        { text: 'Test', value: 'test' },
	        { text: 'Test2', value: 'test2' }
	    ]
	},
	{
	    type   : 'textbox',
	    name   : 'textbox',
	    label  : 'textbox',
	    tooltip: 'Some nice tooltip to use',
	    value  : 'default value'
	},
	{
	    type   : 'container',
	    name   : 'container',
	    label  : 'container',
	    html   : '<h1>container<h1> is <i>ANY</i> html i guess...<br/><br/><pre>but needs some styling?!?</pre>'
	},
	{
	    type   : 'tooltip',
	    name   : 'tooltip',
	    label  : 'tooltip ( you dont use it like this check textbox params )'
	},
	{
	    type   : 'button',
	    name   : 'button',
	    label  : 'button ( i dont know the other params )',
	    text   : 'My Button'
	},
	{
	    type   : 'buttongroup',
	    name   : 'buttongroup',
	    label  : 'buttongroup ( i dont know the other params )',
	    items  : [
	        { text: 'Button 1', value: 'button1' },
	        { text: 'Button 2', value: 'button2' }
	    ]
	},
	{
	    type   : 'checkbox',
	    name   : 'checkbox',
	    label  : 'checkbox ( it doesn`t seem to accept more than 1 )',
	    text   : 'My Checkbox',
	    checked : true
	},
	{
	    type   : 'colorbox',
	    name   : 'colorbox',
	    label  : 'colorbox ( i have no idea how it works )',
	    // text   : '#fff',
	    values : [
	        { text: 'White', value: '#fff' },
	        { text: 'Black', value: '#000' }
	    ]
	},
	{
	    type   : 'panelbutton',
	    name   : 'panelbutton',
	    label  : 'panelbutton ( adds active state class to it,visible only on hover )',
	    text   : 'My Panel Button'
	},
	{
	    type   : 'colorbutton',
	    name   : 'colorbutton',
	    label  : 'colorbutton ( no idea... )',
	    // text   : 'My colorbutton'
	},
	{
	    type   : 'colorpicker',
	    name   : 'colorpicker',
	    label  : 'colorpicker'
	},
	{
	    type   : 'radio',
	    name   : 'radio',
	    label  : 'radio ( defaults to checkbox, or i`m missing something )',
	    text   : 'My Radio Button'
	}],
	"width": 450,
	"height": 180,
	"buttons": [
		{"text":"Start uploading","subtype":"primary","onclick":settings.format_function},
		{"text":"Close","onclick":"close"}
	]
});

.ioch-code-highlight{background-color:#151619;border:0}
:not(pre) > code[class*="language-"],.io-black-mode pre[class*="language-"]{background-color:rgba(0,0,0,.15)}
.ioch-code-highlight .io-btn-copy{border:1px solid rgba(255,255,255,.5)}