Imita el comportamiento de un custom RTE al analizar contenido

Question

Hola @artf, Me gustaría replicar este comportamiento al llamar a 'editor.setComponents("

Esto es un componente de texto. Este es un elemento anidado que no quiero que se descifre.

")`. En ese ejemplo, querría que el 'span' anidado no se analizara como un componente independiente para que no pueda seleccionarlo ni interactuar con él de ninguna manera (de forma similar a si hubiera activado/desactivado un customRTE en el 'div'). Veo dos opciones aquí...

ryandeba · Accepted Answer

Ahora que lo pienso un poco más, la opción 1 no me funcionaría porque quiero evitar que se eliminen estilos en línea, así como evitar que se añadan ids/clases/atributos a los elementos hijos. Así que supongo que queda la opción 2 o quizá otra solución que no he pensado.

artf · Answer

Oye Ryan, ¿qué pasa con este componente personalizado? '''js const domc = editor. DomComponents; const textType = domc.getType('text'); domc.addType('raw-text', { model: textType.model.extend({ },{ isComponent: function(el) { if (el.hasAttribute && el.hasAttribute('data-raw-text')) { return { Tipo: 'texto en bruto', contenido: el.innerHTML, componentes: [] // Esto evitará analizar a los niños }; } } } ), view: textType.view.extend({ disableEditing() { modelo const = este.modelo; const rte = thi...

ryandeba · Answer

¡Gracias @artf! Apuesto a que tu sugerencia me funcionará: lo probaré en las próximas horas.

Imita el comportamiento de un custom RTE al analizar contenido

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Clase "deshabilitada" en lugar de "activa" para la Vista de Botones del Panel

Atributos que no se aplican a los rasgos

La propiedad de script usando función no funciona con bloques

Redimensionable, usando unitWidth en salida px en porcentaje.

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins