El Editor de Texto Enriquecido Personalizado no funciona
Para ser sincero, no lo sé, pero quizá esto ocurra porque al hacer clic fuera estás desenfocando de la entrada, de hecho, probablemente deberías añadir esos botones dentro de 'rteToolbar', que tiene este oyente 'on(rteToolbar, 'mousedown', e => e.stopPropagation());' y así evita el desenfoque
Lee la respuesta completa abajo ↓Pregunta
Hola @artf, acabo de crear un plugin personalizado del RTE usando diferentes librerías como CKEditor 5, TinyMCE 4 o Pell, pero todas con el mismo resultado: el editor pierde el enfoque y los botones no se aplican al contenido de texto.
! captura de pantalla 2018-07-18 a las 17 06 53
Así que en la imagen de arriba, si pulso el botón Negrita, el efecto no se aplica al contenido.
enable: function(el, rte){
Si ya existe, solo concéntrate
If (RTE) {
this.focus(EL, RTE); implementado posteriormente
return rte;
}
sea rteToolbar = editor. RichTextEditor.getToolbarEl();
[].forEach.call(rteToolbar.children, (hijo) => {
hijo.estilo.mostrar = 'ninguno';
});
el.contentEditable = true;
// Init Pell
rte = window.pell.init({
Elemento: El,
onChange: función (html) {
console.log(html);
}
});
el.focus();
rte.focus();
return rte;
},
Creo que todo mi problema está en la función de activar, pero no sé por qué ocurre este comportamiento. ¿Tienes alguna idea?
Si lo arreglo, será muy sencillo incluir los 3 plugins diferentes.
Respuestas (3)
Para ser sincero, no lo sé, pero quizá esto ocurra porque al hacer clic fuera estás desenfocando de la entrada, de hecho, probablemente deberías añadir esos botones dentro de 'rteToolbar', que tiene este oyente 'on(rteToolbar, 'mousedown', e => e.stopPropagation());' y así evita el desenfoque
¿Cómo solucionas esto? No encuentro ningún ejemplo funcional con Pell, CKEditor 5 o TinyMCE :/
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1458
Los eventos de Jquery incrustados en el editor grapesjs no funcionan como se esperaba.
@artf, intenté incrustar mi plantilla en el editor grapesjs. El problema que tengo es que el editor no funciona como se espera con esa plan...
Issue #2008
[Pregunta]El lienzo se vuelve oscuro e inmodificable al añadir un gran fragmento de html personalizado.
Solía añadir html personalizado con 'editor.addComponent()'. Funciona bien la mayor parte del tiempo, pero cuando intento insertar un gran...
Issue #1696
Los rasgos aparecen a la primera vez cuando arrastras un componente personalizado
Hola artf, he creado un componente personalizado y le he añadido rasgos; al arrastrar este componente al editor y seleccionarlo, los rasgos...
Issue #1888
[Pregunta] Añadir html personalizado dentro de Canvas
Hola, Estoy usando uvas para exportar un json personalizado con toda la información que necesito, en lugar de HTML y CSS. Para hacer eso, e...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.