Escape html
Como ya se mencionó aquí, tenemos que crear un nuevo Componente para '<pre>', ya que escapar de todo no es una opción
Lee la respuesta completa abajo ↓Pregunta
¡Hola! He notado varios fallos al escapar de html a través de grapesjs, algunos de ellos se pueden arreglar con este https://github.com/artf/grapesjs/pull/676 pull request, pero sigo teniendo problemas con el html insertado al inicio.
En el ejemplo que sigue el primer <pre> no se renderiza correctamente y necesito hacer doble escape como en el segundo <pre> para renderizarlo correctamente y poder importar/exportar después correctamente.
De alguna manera, entre las varias transformaciones aplicadas al HTML inicial, se estropea.
'''html <div class="buttons"> <h1>Botones</h1> <a class="btn smooth btn-a">btn-a</a>
<br><br><pre><a class="btn btn-b smooth">btn-b</a></pre> <br> <a class="btn smooth btn-a btn-sm">btn-sm btn-a</a>
<br><br><pre>< a class="btn btn-b btn-sm smooth"> BTN-SM</pre> </div>
Respuestas (2)
Como ya se mencionó aquí, tenemos que crear un nuevo Componente para '<pre>', ya que escapar de todo no es una opción
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 #768
Problema con el navegador IE
Hola @artf, Creó este problema debido a https://github.com/artf/grapesjs/issues/214 ha sido cerrado... Cloné el último repositorio y lo eje...
Issue #1391
[BUG] Unidad por defecto de vista deslizante de propiedades
¡Hola @artf, gracias por la mejora! La implementación funciona como se espera con algunas propiedades (tamaño de fuente, radio de borde, .....
Issue #447
Soporte multilingüe: Hay algunos textos estáticos
Hola @artf, Como describes antes en el #26, el soporte multilingüe es posible usando configuración. Pero hay algunos textos estáticos en el...
Issue #792
La propiedad de script usando función no funciona con bloques
En la documentación de Componentes & JS hay este ejemplo: Esto funciona perfectamente. Pero no podría usar una función en lugar de una cade...
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.