¿Cómo importar HTML y CSS desde la demo hasta la versión de actualización, importación de un solo intento?
ClaudeCode
Gracias por informar de esto, @CarlucciMods. Buena pregunta sobre ¿Importar HTML y CSS de la demo a la versión de actualización, importación de un solo intento?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...
Tenemos un caso de uso en el que queremos insertar gráficos dinámicamente usando Highcharts Editor. He creado un componente que, al arrastrar y soltar, abre un modal y, según la selección del usuario, devuelve una imagen SVG. Me pregunto cómo puedo añadirlo al cuerpo del modelo. Ahora mismo estoy usando innerHTML para...
artf
En este caso no necesitas componentes con JS (en tu código final no ejecutas ningún JS), te basta con algo así: '''js domc.addType('charts-component', { Vista: { eventos: { dblclick: 'onActive', // para volver a abrir el modal al hacer dob...
harsh201
Perdón por el spam. No pude subir vídeos de uso desde mi portátil del trabajo. https://user-images.githubusercontent.com/2502711/106098322-d39c7b80-615e-11eb-8569-cf76ffc7fcc7.mov
harsh201
@artf Cualquier ayuda será bienvenida. He revisado la documentación otra vez y no me llama la atención nada, lo cual podría estar pasando por alto.
Escribo cadenas HTML como bloques y necesito introducir muchos scripts y estilos externos, pero probé todos los métodos: cuando arrastro el bloque al lienzo, el script no se activa, pero los estilos se pueden cargar, espero recibir ayuda.Carga por appendchild ! imageninit load by canvas:{scripts:[...]} ! imagen ¿Quién...
harsh201
@sizhousama estoy cargando scripts/hojas de estilo a través de Canvas mientras inicializo el editor grapesjs y me funciona. ''' js lienzo: { guiones: ['https://unpkg.com/abc.js'], Estilos: ['https://unpkg.com/abc/dist/css/abc.min.css'], },...
sizhousama
La consola muestra cargada ! imagen
ClaudeCode
Gracias por informar de esto, @sizhousama. Buena pregunta sobre [Pregunta]: Cómo cargar JavaScript externo, probé todos los métodos, inútil. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...
Hola @artf He añadido rasgo para el envoltorio de esta manera. ¿Cómo puedo realizar la función de iniciación para ello? Aquí está el código '''js editor.getWrapper().set('traits', [ { cambioProp: 1, Nombre: 'ABC', Sello: 'ABC', Tipo: 'Casilla de verificación', cambioprop: 1 }, ], ) ``` @artf ¿Podrías ayudarme, por fav...
artf
Puedes usar esta opción desde componentes en init https://github.com/artf/grapesjs/blob/69e5ab2c1176e6fdeac1b058398cca55efe92df3/src/dom_components/config/config.js#L9 PD: deja de molestar a los demás con tus problemas, por favor o tendré...
Extraído de https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33 'component:update' - Se activa cuando un componente se actualiza (se mueve, se estiliza, etc.), el modelo se pasa como argumento a la callback reproducir el bichousar la API 'move' para mover el componentehttps://grapesjs.com/docs/api/compon...
ClaudeCode
Gracias por informar de esto, @AnnaSu. El problema con "component:update" no se activa cuando se mueven componentes parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eve...
Así que tengo este problema... Tengo un cuadro de 'texto' que está configurado para ser de ancho completo pero centra un código corto de nombre. Después, genera una página PDF y HTML de esto y espera que el nombre también sea central. Pero como los tamaños de los nombres pueden variar, acabo de darme cuenta de que con...
ClaudeCode
Gracias por informar de esto, @tonypartridge. Buena pregunta sobre Modo absoluto y etiquetas dinámicas mal posicionadas.... El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...
Hola @artf ¿Hay alguna forma estándar de añadir una nueva barra de herramientas en cada componente He probado esta manera '''js editor. Components.getTypes().map(type => { editor. Components.addType(type.id, { modelo: { Predeterminados: { barra de herramientas, Rasgos:[ ... editor. Componentes.getType(type.id).model.p...
artf
Sigue la plantilla del issue (versión, demo en directo, etc.)
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre Establecer barra de herramientas en cada componente. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documen...
Hola, tengo el siguiente problema: Necesito un editor de tipo de evento (editor.on ("ordener: drag: end") que se incluya en todos estos casos: (detectar qué elemento y dónde lo estoy dejando) 1- Haz que se escuche cuando arrastres y soltes un elemento desde el BlockManager y lo dejes caer en el lienzo. 2- Haz que se e...
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
ClaudeCode
Gracias por informar de esto, @matiasmasciotta. Buena pregunta sobre COMPONENTES DE ARRASTRAR Y SOLTAR:. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu m...
Hola a todos, Todos sabemos que el plugin GJS-ckeditor-funciona con componentes [data-gjs-type]="text". Quiero saber, ¿podríamos cambiar esta opción? Quiero crear mi propio componente personalizado con, por ejemplo, [data-gjs-type]="anyDiv" y tener la misma funcionalidad que en [data-gjs-type]="text". ¿Quizá alguien s...
Abhisheknanda1344463
@vatte21 Para que tu componente sea editable. Tienes que extender el texto en tu componente de esta manera '''js editor. Components.addType('anyDiv', { modelo: { Predeterminados: { Tipo: 'texto', Rasgos:[ ... editor. Componentes.getType(ty...
vatte21
@Abhisheknanda1344463 ¡Gracias! Lo intentaré
abulka
@Abhisheknanda1344463 tu fragmento de código me da un error 'Uncaught ReferenceError: type is not defined' en la línea ¿Dónde se define el 'tipo'?
Hola @artf He añadido un nuevo componente Aquí está el código '''js editor. DomComponents.addType('header', { modelo: { Predeterminados: { etiquetaNombre: 'h1', tipo: 'cabezal', Tamaño: 'H1', Rasgos: [ { Nombre: 'Size', etiqueta: 'Tamaño', tipo: 'select', cambioProp: 1, Opciones: [ {valor: 'h1', nombre: 'One'}, {valor...
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre El valor de los componentes no está cambiando. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...