Hola a todos, estoy siguiendo a kodene sobre el plugin beta Ckeditor 6.0 para MyBB que está en github pero de hace tiempo no recibo respuestas de algunas dudas que le hice.
Mi problema es que se me hizo dificil agregar un buton al ckeditor
No se Javascript, pero me puse a leer el funcionamiento basico de JavaScript para no estar tan perdido para aprender las restricciones y reglas y logre agregar el boton al ckeditor.
Hasta ahora me va bien porque aparece el boton, con la imagen, al hacer clic inserta un texto html, todo ok.
Este es plugin.js de ckeditor externo que logre acomodar gracias a un tutorial de agregar boton al ckeditor de vbulletin
Código PHP:
<?php
(function() {
var o = { exec: function(p) {
url = baseUrl + "/GetSomeData";
$.post(url, function(response) {
alert(response)
});
}
};
CKEDITOR.plugins.add('ficha', {
init: function(editor) {
editor.addCommand('ficha',
{exec : function( editor ){
editor.insertHtml( '[ficha][/ficha]' );
}}
);
editor.ui.addButton('ficha', {
label: 'Ficha Code',
icon: this.path + 'ficha.gif',
command: 'ficha'
});
}
});
})();
Al clickear el boton inserta en el editor:
[ficha][/ficha]| pero el cursor aparece al ultimo de las etiquetas
Mi pregunta es como puedo hacer para que al clickear aparezca
[ficha]|[/ficha] pero el cursor aparezca en medio de las etiquetas.
Y cuando seleccione algun texto y luego hacer clic, lo envuelva ejemplo
Texto para ejemplo de pedido en mybb
Al hacer clic en el boton con el texto seleccionado , en vez que lo remplase:
Texto para [ficha][/ficha] de pedido en mybb
Lo envuelva:
Texto para [ficha]ejemplo[/ficha] de pedido en mybb
Gracias por sus respuestas.