Issue #858💬 RespondidoAbierto el 12 de febrero de 2018por poirinReacciones 2

¿Cómo extraer código html/css en el código de vista automáticamente?

Respuesta rápidapor hibuno1

Hola @poirin, Tengo alguna solución, la semana pasada también tuve este problema, intenté guardar HTML y CSS actuales sin copiar manualmente. Y abajo está mi código. --- Añade un panel personalizado, por ejemplo. botón superior izquierdo (botón de guardar). '''javascript /*Botón de crear guardado@type {Cuerda} / panel...

Lee la respuesta completa abajo ↓

Pregunta

Necesito que la función copie automáticamente el código html/css en el componente de código de vista. ¿Existe alguna función predefinida? ¿o debo implementarlo directamente?

Respuestas (3)

hibuno12 de febrero de 2018

Hola @poirin,

Tengo alguna solución, la semana pasada también tuve este problema, intenté guardar HTML y CSS actuales sin copiar manualmente.

Y abajo está mi código.


Añade un panel personalizado, por ejemplo. botón superior izquierdo (botón de guardar).

'''javascript /**

  • Botón de crear guardado
  • @type {Cuerda} */ panelManager.addPanel({ id: 'customPanel', visible : cierto, botones : [{ id : 'sonríe', claseNombre: 'fa fa-save', atributos : { título: 'Actualizar Promo' }, comando : 'customCommand' }], });

! [captura de pantalla 2018-02-12 a las 16 41 25](https://user-images.githubusercontent.com/17744043/36090625-a99c1376-1013-11e8-9a71-603c20b7a065.png)

Y luego crear la función de guardado

'''javascript
/**
 * Crear función de guardado
 */
commands.add('customCommand', {
  run: function(editor, sender){
    storageManager.load(['css', 'html'], function(res) {
      Tu evento personalizado
      Nota: la variable res devolverá código de css y html
    })
  }
});

Suerte 👍

artf13 de febrero de 2018

Si hablas de almacenar tus plantillas en la base de datos o cualquier otro endpoint remoto donde puedas configurar el Remote Storage integrado, echa un vistazo aquí #778

lock[bot]18 de septiembre de 2019

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.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.