Añadir colores al RTE integrado
@iamDreamcode para que ese elemento sea seleccionable deberías forzar la sincronización del componente de texto https://jsfiddle.net/xhp7k1bs/
Lee la respuesta completa abajo ↓Pregunta
Hola
Estoy intentando añadir color a la RTE integrada para fondo y primer plano, pero después de desenfocar un elemento se reinicia en un estilo de prop. Aquí tienes un ejemplo: https://jsfiddle.net/2s3vhygn/ Parece que necesito actualizar un modelo y configurar estilos en él. Intentando actualizar el modelo usando este código: '''javascript const selectedText = editor.getSelected(); editor.select(selectedText.find('.selected')); editor.getSelected().Estiloset({ color: 'rojo' }); editor.getSelected().removeClass('selected');
Pero el tramo insertado no es seleccionable.
Así que tengo algunas preguntas:
1. ¿Qué estoy haciendo mal?
2. ¿Cómo puedo conectar un selector de color por defecto al panel de RTE?
No uso CKeditor porque hace que después de guardar, Element ya no sea editable.
Respuestas (1)
@iamDreamcode para que ese elemento sea seleccionable deberías forzar la sincronización del componente de texto
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2397
Estilos no reconocidos en el Style Manager
Hola, Estoy probando por qué algunos estilos no se reconocen en el Style Manager, pero no lo encuentro, he intentado usar 'avoidInlineStyle...
Issue #1033
[BUG]: Cuando se usan IDs, no es posible actualizar o eliminar un estilo
Pasos para reproducirsehttps://jsfiddle.net/1cjjr02p/Haz clic en el texto del editor, cambia el color de fondo.Exportar CSS. Verás que exis...
Issue #1580
[Pregunta] Añadir botón personalizado a RTE
Hola a todos, Actualmente estoy intentando alejarme de CKEDITOR (usado en una app antigua para crear correos electrónicos y micrositios). E...
Issue #3614
El color de fondo no se puede poner en #000000
¡Hola! Encontré un error con el color de fondo. No se puede poner en '#000000' mediante el selector de colores en estilos. Aquí tienes una...
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.