Issue #1693💬 RespondidoAbierto el 30 de diciembre de 2018por renepardonReacciones 0

Caracteres extraños (Â) dentro de la vista previa CSS/HTML; Los elementos no se eliminan completamente

Respuesta rápidapor artf

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)

artf4 de enero de 2019

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

artf5 de enero de 2019

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.