Haz que todo el lienzo sea un elemento de Vue / React

Question

Hola a todos, Más bien una pregunta general de si alguien ha conseguido que todo el lienzo (o de hecho el envoltorio) sea un elemento de Vue, es decir, que se pueda arrastrar un div personalizado como '' y se renderice correctamente? He intentado esto, puse el envoltorio como el elemento Vue (el), y funcionó al 'importar' código HTML, pero impide que el sistema de arrastrar y soltar funcione, supongo que porque ahora es un DOM virtual. Vi esta publicación: https://github.com/artf...

adamwpe · Accepted Answer

Gracias @noogen tu respuesta tan detallada. Sí, creo que tienes razón y quédate con componentes; no estoy muy seguro de si el ToHtml, si es la solución adecuada para mí o no, porque no quiero gestionar dos tipos de sistemas, renderizando correctamente dentro del editor y uno en producción, usando las etiquetas. Así que ahora estoy cargando un nuevo script 'widgets.js' y luego ejecutando una función que dentro de él está 'vueloadcontact_form()', con un parámetro requerido, que parece funcionar b...

noogen · Answer

Mi respuesta es que lo mejor sea ceñirme a scripts personalizados. He hecho componentes personalizados usando la plantilla de Lodash aquí: https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/index.js#L2. Se espera una cadena del método 'toHtml' - https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/traits.js#L126 - así que no vas a poder tener Virtual Dom. El método 'toHtml' se utiliza para generar el HTML tanto para mostrarlo en el editor como para lo que obt...

Haz que todo el lienzo sea un elemento de Vue / React

Pregunta

Respuestas (2)

Preguntas y respuestas relacionadas

Problemas para arrastrar HTML externo con draggable="true"

Necesito encontrar eventos necesarios.

Pregunta: Colores de fondo predefinidos al seleccionar un elemento con una determinada clase o div.

Model.get('toolbar') siempre devuelve null

Plugins de pago que cumplen con este problema

Explorar categorías de plugins