Caracteres extraños (Â) dentro de la vista previa CSS/HTML; Los elementos no se eliminan completamente
Todos los elementos fueron eliminados, pero sigue quedando un contenedor div vacío en el viewport No explicas los pasos para reproducir este problema, pero por favor revisa primero en Capas. Estoy bastante seguro de que no se borra algún tipo de envoltorio, que no tiene estilo y simplemente no se ve en el lienzoHay pe...
Lee la respuesta completa abajo ↓Pregunta
BICHO
- ¿Estás usando la última versión (las versiones anteriores NO son compatibles)?
0.14.50
- ¿Te enfrentas al error con tu copia local de GrapesJS o con la demo actual?
Es una copia local. Las versiones utilizadas (incluidos los plugins) son:
'''json "dependencias": { "ckeditor": "^4.11.1", "uvapesjs": "^0.14.50", "grapesjs-blocks-basic": "^0.1.8", "grapesjs-blocks-bootstrap4": "^0.1.3", "grapesjs-plugin-ckeditor": "0.0.9", "grapesjs-preset-webpage": "^0.1.10" }
Estoy trabajando en MacOS y he probado con el último Chrome: 70.0.3538.110 (Versión Oficial) (64 bits)
- **¿Cuál es el comportamiento esperado?**
1. Al eliminar un elemento espero que todo el HTML relacionado también se elimine de la vista previa del código fuente
2. No debería haber esos personajes extraños (invisibles). 'Â' Esto tiene una pinta fea y no ayuda
3. El viewport por defecto debería ajustarse a "móvil" (móvil primero), pero no se reconoce la configuración correspondiente
- **¿Qué pasa en cambio?**
Todos los elementos fueron eliminados, pero sigue habiendo un contenedor div vacío en la ventana de visualización. Hay personajes extraños dentro de CSS (y también en la vista previa de HTML). El ancho de vista por defecto es del 100% en lugar del móvil.
<img width="865" alt="bildschirmfoto 2018-12-30 um 09 58 19" src="https://user-images.githubusercontent.com/945323/50545744-13f53c80-0c1b-11e9-8a73-e11b6449dc4f.png">
- **Si puedes reproducir el error, indica todos los pasos necesarios**
Echa un vistazo a mi implementación completa aquí:
https://gist.github.com/renepardon/91db8b10a1dea1f8d0d855af945c89a8
He instalado todos los paquetes con npm y he copiado los archivos necesarios a la carpeta '/vendor/grapejs'
Respuestas (3)
Todos los elementos fueron eliminados, pero sigue quedando un contenedor div vacío en el viewport
No explicas los pasos para reproducir este problema, pero por favor revisa primero en Capas. Estoy bastante seguro de que no se borra algún tipo de envoltorio, que no tiene estilo y simplemente no se ve en el lienzo
Hay personajes extraños dentro de CSS (y también en la vista previa de HTML)
No puedo reproducirlo, además en la demo está todo bien. Intenta actualizar tus archivos
El ancho de vista por defecto es el 100% en lugar del móvil
Para el enfoque móvil-first, consulta esta https://github.com/artf/grapesjs/issues/900#issuecomment-369560034
Hola @artf ¿Incluso con el enlace proporcionado https://gist.github.com/renepardon/91db8b10a1dea1f8d0d855af945c89a8 no pudiste reproducirlo?
No puedo reproducirlo por falta de recursos (y como he dicho, probablemente sea un problema con tus archivos...) '''html <enlace href="/vendor/grapejs/css/grapes.min.css" rel="hoja de estilo"/> <enlace href="/vendor/grapejs/grapesjs-preset-webpage.min.css" rel="stylesheet"/>
<script src="/vendor/ckeditor/ckeditor.js></script> <script src="/vendor/grapejs/grapes.min.js"></script><script src="/vendor/grapejs/grapesjs-preset-webpage.min.js"></script>
<script src="/vendor/grapejs/grapesjs-plugin-ckeditor.min.js"></script>
<script src="/vendor/grapejs/grapesjs-blocks-bootstrap4.min.js"></script>
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1758
No se puede cargar en una cadena CSS con caracteres como '#' con setStyle()
Estás enviando un BUG¿Estás usando la última versión (las versiones anteriores NO están soportadas)?Si no estás seguro, escribe 'grapesjs.v...
Issue #1411
Se requiere el activado manual del renderizado del gestor de activos tras abrir la ventana emergente AM
Preguntas P: ¿Estás usando la última versión (las versiones anteriores NO son compatibles)? R: Sí Q. ¿Te enfrentas al error con tu copia lo...
Issue #1941
[BUG]: Al arrastrar un bloque sobre el lienzo, se añade JS en script, antes de soltar el bloque.
Estás enviando un BUG ¿Estás usando la última versión (las versiones antiguas NO están soportadas)? v0.14.57 ¿Te enfrentas al error con tu...
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.