Necesito insertar un texto en el cuerpo del artículo, que se convierte en una "etiqueta lateral" al encerrarlo dentro de algunas etiquetas div con clases personalizadas.
He creado un botón personalizado en tinymce que abre una nueva ventana con un campo de texto. Usted escribe el texto y cuando presiona OK, agrega las etiquetas de inicio y finalización div y lo inserta en el editor de wp donde estaba el cursor.
Aquí está el código:
(function () {
tinymce.PluginManager.add('custom_mce_button2', function(editor, url) {
editor.addButton('custom_mce_button2', {
icon: false,
text: 'Side Tag',
onclick: function (e) {
editor.windowManager.open( {
title: 'Insert a Sidetag',
body: [{
type: 'textbox',
name: 'title',
placeholder: 'Type the side tag content here.',
multiline: true,
minWidth: 700,
minHeight: 50,
},
{
type: 'button',
name: 'link',
text: 'Insert/Edit link',
onclick: function( e ) {
//get the Wordpess' "Insert/edit link" popup window.
},
}],
onsubmit: function( e ) {
editor.insertContent( '<div class="side-tag-wrap hidden-xs"><div class="side-tag">' + e.data.title + '</div></div>');
}
});
}
});
});
})();
Y lo que hace:
Hastaahoratodofunciona,pero...Tambiénquieropoderagregarenlacesmientraslaventanaemergenteaúnestáactivada,exactamentecómofuncionaelbotón"Insertar / Editar enlace" del editor predeterminado. Sé cómo usar el complemento de enlace de Tinymce pero esto no ayuda. Principalmente quiero vincular publicaciones que ya están publicadas, así que necesito esto:
¿Hay alguna forma de llamar a este botón en mi ventana emergente personalizada o llamar a la función de etiquetas rápidas?