Creación de múltiples elementos hijos tras editar usando RTE
Hola a todos, Por favor, busca el paso para reproducir este escenario 1) Estado inicial ! imagen 2) Realizar acción en negrita, luego acción cursiva y después subrayar acción ! imagen 3) De nuevo haz clic en Acción en negrita, luego en Acción cursiva y después en Subrayar Acción ! imagen Real:- Conseguir tres <span> e...
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
A continuación me están encontrando problemas relacionados con RTE
- RTE creando múltiples hijos como acción realizada en el bloque de texto. Por ejemplo: supongamos que realizamos la misma acción (en negrita) tres veces en secuencia en el mismo bloque de texto, entonces se están creando tres hijos en el mismo elemento.
- La acción de fuente en RTE solo soporta valores de tamaño de fuente entre 1 y 7, por lo que por favor proporcione soporte para valores de tamaño de fuente entre 1 y 100 en RTE.
! imagen
NP:- Estoy usando la última versión de la biblioteca pero el número sigue aquí, así que por favor revisa.
Error anterior para referencia https://github.com/artf/grapesjs/issues/1495#issue-368617259 Por favor, vuelve a la prioridad. ¡Gracias de antemano !!
Respuestas (3)
Hola a todos,
Por favor, busca el paso para reproducir este escenario
-
Estado inicial ! imagen
-
Realizar acción en negrita, luego acción cursiva y después subrayar acción ! imagen
-
De nuevo haz clic en Acción en negrita, luego en Acción cursiva y después en Subrayar Acción ! imagen
Real:- Conseguir tres <span> elementos extra
Hola a todos,
rte.add('fontSize', { * icono: '<select class="gjs-field"> * <option>1</option>
* <option>4</option>
* <option>7</option>
* </select>',
* // Vincula el 'resultado' en el oyente de 'change'
* evento: 'cambio',
* resultado: (rte, acción) => rte.exec('fontSize', action.btn.firstChild.value),
* // Llamada de regreso en cualquier cambio de entrada (mousedown, keydown, etc.)
* actualización: (RTE, acción) => {
* valor const = rte.doc.valorComandaConsulta(action.name);
* si (valor != 'falso') { // valor es una cadena
* acción.btn.firstChild.value = valor;
* }
* }
* })
Este bloque de código solo soporta valores de tamaño de fuente entre 1 y 7, aunque debe ser genérico y debe soportar todos los valores enterosAsí es como funciona execCommand y el RTE integrado se basa en él. Si necesitas algo más sofisticado puedes probar grapesjs-plugin-ckeditor o implementar cualquier otro editor de terceros siguiendo esta guía: https://grapesjs.com/docs/guides/Replace-Rich-Text-Editor.html
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1495
[Bug] Creación de múltiples elementos hijos tras editar usando RTE
Hola a todos, A continuación me están encontrando problemas relacionados con RTE 1) RTE creando múltiples hijos como acción realizada en el...
Issue #1893
[PREGUNTA] Por definición, todos los bloques tienen que tener el mismo estilo
Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderiz...
Issue #871
[BUG] Opciones incorrectas de stylemanager la primera vez que se selecciona un componente/bloque
Hola, He notado el siguiente comportamiento con errores en el gestor de estilos:Usando una copia local de GrapesJS (ver 0.14.5). Probado en...
Issue #1179
[Pregunta] No se pueden cargar estilos guardados como !importante
¡Hola! Estoy intentando que todos los estilos de usuario tengan la bandera "!important", para evitar que otras clases existentes lo anulen...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.