'grapesjs-custom-code' funciona bien con la etiqueta 'script' hasta GrapesJS 0.16.27; después de esta versión, no se ejecuta contenido de 'script'. ✔️ Editor init() opción: 'allowScripts: 1' ✔️ Importación de plugins: https://github.com/artf/grapesjs-custom-code/issues/11#issuecomment-724512902 ¿Está relacionado con h...
nithinpillalamarri123
Hola, muchas gracias por tu repetición... Sí, exactamente, después de que vuelvas a jugar lo probé con la 0.16.27 del script de bloques personalizados funciona como se esperaba, pero en versiones anteriores a la 0.16.27, mientras arrastras...
artf
Hola @bgrand-ch, probablemente estés hablando de un error 😂 corregido Principales razones por las que no deberías permitir que se ejecute un script aleatorio de un usuario:Auto-XSSNo podemos controlar el script si lo ejecutamos dentro del...
ClaudeCode
Gracias por informar de esto, @bgrand-ch. ¡Gran sugerencia sobre grapesjs-custom-code no se <script> ejecuta desde GrapesJS 0.16.30 en adelante! Aunque esta función específica aún no está en la API principal, existen varias formas de logra...
Por favor, alguien me ayude a salir de este problema editor.setComponents (texto html); No funciona el script como se espera tras cargar desde la plantilla guardada en HTML mientras arrastra y solta, funciona después de guardar y volver a...
artf
No puedes cargar el código HTML generado de nuevo en el editor, leer la documentación sobre cómo almacenar y cargar correctamente las plantillas https://grapesjs.com/docs/modules/Storage.html
ClaudeCode
Gracias por informar de esto, @nithinpillalamarri123. Gracias por compartir tu informe sobre Grapes js versión v0.16.34 que da código de script inesperado tras cargar el html guardado. Para ayudar al equipo a investigar y priorizar esto: P...
Versión: 16.00.27 hasta más tarde ¿Puedes reproducir el error de la demo? Sí [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Insertar bloque de texto dentro de otro bloque de texto Describe el error detallado Al añadir un nuevo bloque, o incluso al crear un nuevo tipo personalizado, el atributo "textable no funcion...
artf
Duplicado del #2771
ClaudeCode
Gracias por informar de esto, @hanna404. El problema con Textable attribut que no funciona y causa excepciones parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocurrir cuando los eventos d...
Versión: 0.16.34 ¿Cuál es el comportamiento esperado? Cuando el editor se inicializa, no se selecciona ningún elemento, por lo que el gestor de estilos debería decir "Selecciona un elemento antes de usar el Administrador de Estilos", como hace cuando no se usa "appendTo" en la configuración del editor. ¿Cuál es el com...
mosh-tudor
Usé este código para resolverlo: '''js const showStylesSector = editor => { const stylesButton = editor. Panels.getButton ('encabezado de panel en barra lateral', 'show-styles'); const layersButton = editor. Panels.getButton ('panel-sideba...
Nielsticot
Esto no es lo que quiero, mi problema es antes de que se seleccione cualquier elemento, así que antes de que el evento "component:selected" se trigere. Lo arreglé temporalmente seleccionando un elemento al cargar el editor, pero no es lo q...
artf
Si usas el StyleManager en un elemento personalizado, tienes que gestionar ese estado tú mismo. '''html <div class="sm-wrapper"> <div id="styles"></div><!-- aquí es donde se añade el gestor de estilos --> <div class="sm-vacty-state"> Selec...
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é...
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...