/** * TinyMCE BootstrapLite plugin * * @version 1.2 * @author Max Grebennikov - maxgreb@gmail.com * */ /*jshint globalstrict: true, unused:false*/ /*global jQuery, jQuery, tinymce, window, document*/ 'use strict'; tinymce.PluginManager.add('bootstraplite', function(editor, url) { //console.log('BootstrapLite'); var bsItems = []; var insertBtn = tinymce.ui.Factory.create({ type: 'button', //classes: 'widget btn bs-icon-btn', //text: 'btn', icon: true, image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzQwMThlNy1hYTg3LWQzNGEtYTUyYS1mOTEzMGUzM2JkNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM3RERBMzM3NUEyMTFFNjg0QkJGNkYyNzIxMTdFNjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM3RERBMzI3NUEyMTFFNjg0QkJGNkYyNzIxMTdFNjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTM0MDE4ZTctYWE4Ny1kMzRhLWE1MmEtZjkxMzBlMzNiZDYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUzNDAxOGU3LWFhODctZDM0YS1hNTJhLWY5MTMwZTMzYmQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlQwntQAAADTSURBVHjaYvz//z8DJYCJgUJAsQEsJtU7KHaBJxA/A+L/JGKQHk+QAXOBWBJmopeWKLGWg/TMZUHWDAJmKsIMH7/9Zjj64ANDT5guw+1nnxgO33oDl7/26iuKIRiBKCHIxSAnzMWQbiMPF/PSl2DQl+VnyPNUJxwLd559ZFh+9hkDLycLw4v33xgev/sGFgeJcXOwYMYCuoC+kjBDgx8rw82nnxj4OFkZtKT58AYEo3HV9mfo4UACeAHyQgqIQYbmp0CcDPLCNgpcwMA49DMTQIABABlBQg6vNjDUAAAAAElFTkSuQmCC', name: 'insertBtnBtn', tooltip: 'Insert/edit Button', onclick: function() { var selection = tinyMCE.activeEditor.selection.getContent(); var href = jQuery(tinyMCE.activeEditor.selection.getNode()).attr('href'); if(selection=="") { selection = "text"; } if(href=="") { href = "http://"; } // Open window editor.windowManager.open({ title: 'Insert/edit Bootstrap Button', width: 400, height: 200, body: [ //{type: 'container', html: "Hello world!"}, {type: 'textbox', name: 'text', label: 'Text', value: selection }, {type: 'textbox', name: 'link', label: 'Link', value: href }, //{type: 'checkbox', name: 'color', label: 'Btn', value: 'btn-info'}, {type: 'listbox', name: 'color2', label: 'Style', values : [ { text: 'default', value: 'btn-default' }, { text: 'primary', value: 'btn-primary', selected: true }, { text: 'success', value: 'btn-success' }, { text: 'info', value: 'btn-info' }, { text: 'warning', value: 'btn-warning' }, { text: 'danger', value: 'btn-danger' } ]}, {type: 'listbox', name: 'size', label: 'Size', values : [ { text: 'extra-small', value: 'btn-xs' }, { text: 'small', value: 'btn-sm' }, { text: 'medium', value: 'btn-md', selected: true }, { text: 'large', value: 'btn-lg' } ]} ], onsubmit: function(e) { // Insert content when the window form is submitted editor.insertContent(''+e.data.text+''); } }); } }); bsItems.push(insertBtn); var insertBtn = tinymce.ui.Factory.create({ type: 'button', //text: 'image', icon: true, image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzQwMThlNy1hYTg3LWQzNGEtYTUyYS1mOTEzMGUzM2JkNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc1RDdFOTk3NUIzMTFFNjhGODlBQ0I0OEE5OENBQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzc1RDdFOTg3NUIzMTFFNjhGODlBQ0I0OEE5OENBQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmM0MDdiNzgtODA1ZC1hZDRlLTg0NTEtZjY1Mjk5OGEzYWY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUzNDAxOGU3LWFhODctZDM0YS1hNTJhLWY5MTMwZTMzYmQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt5TfhIAAAHgSURBVHjalFNNSwJRFL3j+JGGo9TCSCQVxEUUIdJWwVWb+h/+IP+BC8FN0FIIBN2I5EbJXBRtDEHTRMmxcTr3+WYyiagDx3e5vnvfuR+jmKZJEgq4Bx6DMXAEtsEXUAdXkt/g5J9CoXCN4wJ00d8wBW/z+fyVUzou3W73RzweJ4/HQ4Zh0HQ6FX+YXxINXddf4X+azWYnHGMp2GUjk8moiUSCWq0WxWIxCgQCm6VZd/fBh2KxeDuZTFgxOcADNuBQyuUy1et1wgVaLBY/Sef7536//9RKyo5DtlRVpWAwKLwohxRl/fByuaRqtUqrld0/F8oMSTvAsjSR2uGgXC5HkUiEotGoSMJgRe12m3w+H6XT6XVNimL1Ls4KdthCY8SryWRSNJIxGo1EMKPRaAg1srGWmiPOpMqswjMcDqlSqRDqpMFgYBfPQbVajbLZ7GZPXE6ryxwwn8+pVCrZibbR6XQolUrZvQKeOcGMLU3TaDweUygUskvYBu8HK0E/TPnwPSd4RAPNZrOpcHA4HP51BbvdLvV6PV2O9FUkAN/7/b4X/OMmE0t842+Ds8wxYy/9H5r9MQE34BkmYWCh3CjJCduBeleSBh75AA0eCO8aeCemtzHT7d23TnPr/IZPAQYARAi7wn1tjKMAAAAASUVORK5CYII=', name: 'insertBtnBtn', tooltip: 'Insert/edit image', onclick: function() { var selection = tinyMCE.activeEditor.selection.getContent(); var src = $('
').html(selection).find('img:first').attr('src'); if(src == "" || src == undefined) { src = "http://placehold.it/200x200"; } // Open window editor.windowManager.open({ title: 'Insert/edit Bootstrap Image', width: 400, height: 400, body: [ {type: 'textbox', name: 'image', label: 'Image', value: src, onchange: function(e) { $('#btimg').prop('src', this.value() );} }, {type: 'textbox', name: 'alt', label: 'Alt' }, {type: 'listbox', name: 'style', label: 'Style', values : tinymceproImgClassArray}, {type: 'checkbox', name: 'responsive', label: 'Responsive', text: 'Responsive', checked: true }, {type: 'container', html: '
'}, ], onsubmit: function(e) { if(e.data.responsive == true) { e.data.responsive = "img-responsive"; } else { e.data.responsive = ""; } // Insert content when the window form is submitted editor.insertContent(''+e.data.alt+''); } }); } }); bsItems.push(insertBtn); var insertBtn = tinymce.ui.Factory.create({ type: 'button', //text: 'label', icon: true, image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzQwMThlNy1hYTg3LWQzNGEtYTUyYS1mOTEzMGUzM2JkNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUEzRDMzNTA3NUEyMTFFNkEyMjA4ODg0MTYyQzhDRTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUEzRDMzNEY3NUEyMTFFNkEyMjA4ODg0MTYyQzhDRTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTM0MDE4ZTctYWE4Ny1kMzRhLWE1MmEtZjkxMzBlMzNiZDYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUzNDAxOGU3LWFhODctZDM0YS1hNTJhLWY5MTMwZTMzYmQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqNHrBoAAABaSURBVHjaYvz//z8DJYCJgUJAsQEssTtjKXaBJxA/A+L/JGKQHk+QAXOBWJIMy0F65jKRqRluyMDHAlUMeE6B/hcgA1JADDI0PwXiZBYgsY2SmGAc+pkJIMAAse4csiS9mGUAAAAASUVORK5CYII=', name: 'insertBtnBtn', tooltip: 'Insert/edit Label', onclick: function() { var selection = tinyMCE.activeEditor.selection.getContent(); if(selection=="") { selection = "text"; } // Open window editor.windowManager.open({ title: 'Insert/edit Bootstrap Label', width: 400, height: 100, body: [ {type: 'textbox', name: 'text', label: 'Text', value: selection }, {type: 'listbox', name: 'color', label: 'Style', values : [ { text: 'default', value: 'label-default' }, { text: 'primary', value: 'label-primary', selected: true }, { text: 'success', value: 'label-success' }, { text: 'info', value: 'label-info' }, { text: 'warning', value: 'label-warning' }, { text: 'danger', value: 'label-danger' } ]} ], onsubmit: function(e) { // Insert content when the window form is submitted editor.insertContent(''+e.data.text+''); } }); } }); bsItems.push(insertBtn); var insertBtn = tinymce.ui.Factory.create({ type: 'button', //text: 'panel', icon: true, image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzQwMThlNy1hYTg3LWQzNGEtYTUyYS1mOTEzMGUzM2JkNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEM3NkJGQkU3NUE0MTFFNjhDQzBFOTM0OEFDOTdFMTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEM3NkJGQkQ3NUE0MTFFNjhDQzBFOTM0OEFDOTdFMTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWY0NDJjODMtMGI5MS1kMjQzLTg1MTYtOTY0MDg4MGEzMjA4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUzNDAxOGU3LWFhODctZDM0YS1hNTJhLWY5MTMwZTMzYmQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnFdvsgAAACSSURBVHjaYly3bh0DJYDl+fPntUC6AYiZSNT7D6SPBUQICwszsbGxkaT7169fTG/fvm0A2UqyZhCA6mFiYqAQMEGdQ7JGmB5QGDB8+vSJ4ffv3yQZwMrKijBAR0eHLOefP3+egTphMGoAw/MvX76QrPHr168g6gUoGlNu3749F0hLkGjGUyBOYzx27BhFXgAIMADZQSwFj2fH5QAAAABJRU5ErkJggg==', name: 'insertBtnBtn', tooltip: 'Insert/edit panel', onclick: function() { var selection = tinyMCE.activeEditor.selection.getContent(); if(selection=="") { selection = "text"; } // Open window editor.windowManager.open({ title: 'Insert/edit Bootstrap Alert', width: 400, height: 200, body: [ {type: 'textbox', name: 'text', label: 'Text', value: selection }, {type: 'listbox', name: 'color', label: 'Style', values : [ { text: 'primary', value: 'panel-primary' }, { text: 'success', value: 'panel-success' }, { text: 'info', value: 'panel-info' }, { text: 'warning', value: 'panel-warning' }, { text: 'danger', value: 'panel-danger' } ]}, {type: 'checkbox', name: 'footer', label: 'Footer', text: '', checked: true }, ], onsubmit: function(e) { if(e.data.footer == true) { var footer = '
Panel footer
\r\n'; } else { var footer = ''; } // Insert content when the window form is submitted editor.insertContent('
\r\n
\r\n

Panel title

\r\n
\r\n
'+e.data.text+'
\r\n '+footer+'
'); } }); } }); bsItems.push(insertBtn); var insertBtn = tinymce.ui.Factory.create({ type: 'button', //text: 'snippet', icon: true, image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzQwMThlNy1hYTg3LWQzNGEtYTUyYS1mOTEzMGUzM2JkNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFGQkREQjA3NUE2MTFFNjlDQzVFRjE0RjAxQzIxNjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFGQkREQUY3NUE2MTFFNjlDQzVFRjE0RjAxQzIxNjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTE4ZjAyNTEtYzRhMC1lZDRjLTg0MGUtMTQ5NjMxM2YyMjllIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUzNDAxOGU3LWFhODctZDM0YS1hNTJhLWY5MTMwZTMzYmQ2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjXIPWAAAAJNSURBVHjaZFNNa1NBFD0zb2Jqi7WtiGCwpgtBLArVhWBxJ3YpFvwDuqmuCv4RN/6A+oErFaEIIkhdKNqK4kZNaVWsYhAaW9okbd68uZ6ZeQ2meXDyJmHOueeee6Okegxdj2AEChM8nSAU8YV4DlGLkilIlhAasAnMLmqBuEXKNb6LHZqZyuD0DMnTJG+I1ZDUQAUHEuqU+PmWKOUuYm1hRccDK/qqYpMayedcllTQFgDoB3+IAx1+eq5QpxdYvx9t07IjJNXbPA+JNQ2dX729mxx67JuC6r9JkoFLPUhueQFTJO5Ky4QMvOWp/wKkZZKFeuZI/mOZxN/wfXsh/4Y1k3Qx6gUm4yUl0nddKXMmNK8Kx9uayfAdqGaFOTi4jcXm9teZPZxAQpeXvcDJUNiR1fwIHJwO2XU8ZgB639lwbK3Mevs6uMiSozqUzmfqNheQLZ2CbM51rUa29h71uQnY6oJGGgOliPJKn+MXE0XYY7b6tEvAVl8yB4TZx/thmX5SwDwK46GqY6o+WT1wKebZ/EFXy7GLQxdJTmKQ3r4LjT7RnOl3juaei+OhKvvdP86Ks2i8uYrG6xtofXuIZHCUaQ5Zvw9+ufg8Iz6o9NNpb6eHqjUK7AUGGzClYvZ3iSnHkfmMdO9ww9VX18RuHc678ntTM8G2TbaIMVqcF1vvF7sclieuLyvyD5St/+JK+rUEk8C4J4cV3umbqNBBWdLCAx8kbDtpiLQH+5gYId7t/KAar87nveeXA0mNiUsuMKhyfm+FeEHM757OPwEGAABWSYedBLwcAAAAAElFTkSuQmCC', name: 'insertBtnBtn', tooltip: 'Insert/edit snippets', onclick: function() { var selection = tinyMCE.activeEditor.selection.getContent(); // Open window editor.windowManager.open({ title: 'Insert/edit Bootstrap Button', width: 400, height: 100, body: [ //{type: 'textbox', name: 'image', label: 'Image', value: selection }, {type: 'listbox', name: 'comp', label: 'Component', values : [ { text: 'Jumbotron', value: '
\r\n

Hello, world!

\r\n

This is a simple hero unit, a simple jumbotron-style component for\r\n calling extra attention to featured content or information.

\r\n
\r\n

It uses utility classes for typography and\r\n spacing to space content out within the larger container.

\r\n

\r\n Some action\r\n

\r\n
' }, ]} ], onsubmit: function(e) { // Insert content when the window form is submitted editor.insertContent('\r\n'+e.data.comp+'\r\n'); } }); } }); bsItems.push(insertBtn); editor.addButton('bootstraplite', { type: 'buttongroup', items: bsItems }); });