Hola a todos, ¿Es posible establecer el enfoque en un HTML de sección con Grapes, como un ancla? Tengo un botón de panel y solo selecciona la sección que quiero pero no enfoca el elemento. Aquí está el código: panel.addButton('options', [{ id: 'enlace', claseNombre: 'fa fa-th-list', comando: function linkChap(e) { edi...
artf
Si por 'focus' te refieres a desplazar la vista hasta el componente, desafortunadamente no existe tal método, pero puedes implementarlo confiando en 'editor'. Canvas.getBody().scrollTop'
Amir2828
¿Conseguisteis que funcionara?
lock[bot]
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.
Hola a todos, Estoy escribiendo una aplicación que incluye grapesjs en una llamada ajax en una división específica. Obviamente, yo usaría un menú externo para navegar dentro de la aplicación. Si vuelvo a abrir la página que inicia el Firefox de grapesjs me da un error: "TypeError: this.frame.el.contentDocument is null...
artf
Suscríbete al #914, probablemente esto se arreglará en la próxima edición
lock[bot]
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.
Después de buscar un rato, no pude encontrar cómo cambiar solo la etiqueta del rasgo sin sobrescribirlo todo. Este es mi intento que no funcionó He visto gente sobrescribiendo todo el módulo, ¿es así como debería hacerse? ! rasgo
artf
Actualmente, para cambiar la etiqueta del rasgo tienes que hacerlo a nivel de componente '''js Modelo de componentes Predeterminados: { ..., Rasgos: [...] } ```
lock[bot]
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.
¿Es posible tener una interfaz de propiedad personalizada por elemento? Por ejemplo, considera que quiero que el tamaño de fuente se muestre como cuadro de texto para los componentes de texto y como radio para un componente personalizado mío. La propiedad de tamaño de fuente puede estar en el mismo sector. ¿Cómo se pu...
artf
Sí, he usado el mismo truco para la rejilla flexible. En tu configuración del Gestor de Estilos, crea una propiedad de esta manera '''js Propiedades: [ ... { id: 'font-size-radio', Tipo: 'Radio', nombre: 'Tamaño de fuente (Radio)', Propied...
lock[bot]
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.
Estoy trasteando con los componentes internos de las uvas porque me gustaría contribuir en el futuro. La mayor parte de mi interés es que valga la pena con sitios HTML genéricos, independientemente del estilo/estructura de CSS y HTML usados (incluyendo doctype, soporte para cuerpo, etc.). Esperaba que la jerarquía de...
maxtacco
Por cierto, parece que Layer Manager usa la propiedad https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/dom_components/model/Component.js#L35 de Component al renderizar el nodo del árbol en https://github.c...
maxtacco
GrapesJS es basado en componentes. Así que, creo que en este caso muestra los nombres de los componentes en lugar de los nombres de etiquetas. Creo que añadir nombres de etiquetas y/o personalizar el renderizado de capas en el árbol sería...
maxtacco
De hecho, el componente GrapesJS puede consistir en varios elementos DOM, así que puede que no tenga sentido mostrar nombres de etiquetas en este caso porque se está estilizando un componente y no elementos individuales dentro de él.
Llamar a 'init()' en Grapes después de cambiar HTML falla. Este tipo de situaciones ocurren en aplicaciones de una sola página. Creo que se necesita una función de 'deshistoriar()' para reiniciar Grapes con gracia.https://jsfiddle.net/wdtrg1je/ (simulación muy básica de una app de una página)Haz clic en "Añadir uvas"...
nojacko
Parece que no soy el único que quiere esto 😉. Las aplicaciones de página única son donde esto tiene valor (el problema que menciono, pero también libera algo de memoria). Intentaré subir un récord personal cuando tenga algo.
artf
Como ya se mencionó aquí, actualmente no veo ningún valor en empezar una función así (creando un buen método de destrucción), pero me encantaría ver algo de :) de relaciones públicas
lock[bot]
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.
Cuando se añaden comillas dobles a un atributo, se rompe el HTML.https://jsfiddle.net/szLp8h4n/Arrastra el bloque de enlace.Haz clic en el enlace del editorVe al panel de "Configuración de componentes"Introduce 'Este es un "ejemplo"' en el campo 'título'.Haz clic en el icono de ver código.Se genera HTML inválido '''ht...
artf
Gracias por la atención, James Se aceptan los recordes personales
artf
@nojacko no construyo archivos antes del lanzamiento, así que si usas archivos de 'dist' sigues usando el antiguo
artf
Corregido por https://github.com/artf/grapesjs/pull/939
Lo que puedo usar en lugar de seguir a mí— editor.setHtml( arrdata['html'] ), editor.setCss( arrdata['css'] ), En el código inferior.
rajatkumcom
A continuación está mi código:- '''js editor. Commands.add( 'load-command', { run(editor, sendero) { editor.load(() => { sender.set('active', 0); }); var arrhtmldata = {}; arrhtmldata['nid'] = 65; arrhtmldata['contenttype'] = ""; arrhtmlda...
artf
Simplemente no los uses para cargar los datos de tus plantillas '''js editor.setStyle( arrdata['estilo'] ), editor.setComponents( arrdata['components'] ); ``` es todo lo que necesitas
Tengo una gran cantidad de páginas web estáticas, algunas que se desarrollaron hace bastante tiempo (usando Bootstrap, etc.) y otras que se han desarrollado más recientemente (usando CSS grid, etc.). Algunos usan estilos en línea, otros usan estilo basado en clases, algunos se basan en la jerarquía de componentes (por...
tommedema
@artf gracias, ya veo. De hecho, me gusta que dependas del analizador CSS del navegador porque ya estoy notando problemas de rendimiento con plantillas grandes. Si también dependes de algo como postcss, temo que el rendimiento pueda degrad...
artf
creo que Grapes funciona únicamente con un estilo CSS tipo BEM. Es decir, cada componente tiene su propia clase. ¿Es correcto? El "selector/visor de clases" solo permite editar estilos de selectores basados en clases, como '.class1', '.cla...
tommedema
@artf ¡Gracias por la respuesta! Creo que tendré que explicar mejor mi caso de uso. No siempre es realista esperar que alguien que importa una plantilla defina qué CSS proviene de bibliotecas externas. La razón de esto es que normalmente C...
Hola a todos. El problema es: Los eventos, simplemente no son fuego, después de arrastrarse (dentro) del lienzo. editor.on('canvas:dragover') editor.on('canvas:drop') editor.on('canvas:dragenter') editor.on('lienzo:dragend') El código es solo el código de la demo del repositorio, añadiendo estos 4 eventos. Aquí está e...
konstantin55000
El código es sintaxis. Válido. Aquí está un jsfiddle con código https://jsfiddle.net/s9b2k7vp/ Aquí está la demo: https://www.screencast.com/t/pWcpkM7QO
konstantin55000
Actualización. Los eventos están activando, pero justo después de que el bloque cae en el lienzo. No estoy seguro de si esto es un problema, porque ¿Y qué hay de event canvas:dragend y canvas:dragover? Si el bloque no cae en la lona, simpl...
konstantin55000
Lo siento mucho. El evento no fue un incendio por la versión previa de grapes.js Gracias a todos por la atención.