Hola ¿Es posible permitir solo una etiqueta h1 en cada página? Necesito asegurarme de que solo podemos arrastrar una etiqueta h1 al lienzo. ¿Qué hacer? :-)
artf
@pouyamiralayi gracias como siempre por el enorme apoyo ❤️ Por cierto, @ikenderham ten en cuenta '''js editor.getComponents().filter(comp => comp.get('tagName') == tag).length > 1
pouyamiralayi
@ikenderham ¡Salud!
ikenderham
¡Eres tan amable! ¿Cómo puedo darte las gracias? ¡Muchas gracias! Khdafesممنون Mañana probaré este ejemplo en el trabajo. ¡Te acabo de seguir en github!
Estoy intentando reemplazar el desplegable por un icono para los dispositivos siguiendo el ejemplo de la plantilla del boletín, pero no funciona.
Phil-B
Los ejemplos anteriores no me funcionaron en la versión 0.17.28 (supongo que la API ha cambiado). Esto funcionó:
umerrinayat
@petervandeput https://github.com/artf/grapesjs/issues/1507#issuecomment-496280105 Después de uvapesjs init. '''/ Añadir iconos de dispositivo en la barra de paneles editor.getConfig().showDevices = 0; editor. Panels.addPanel({ id: "device...
artf
También deberías crear esos comandos https://github.com/artf/grapesjs-preset-newsletter/blob/04f1eb21c1ae45f8d2b2912323e79354d8e72f18/src/commands.js#L30-L44
Estoy usando component.find() para buscar un componente anidado en una gran parte de contenido HTML para una etiqueta de conjunto de campos y así poder añadir componentes después. Component.find localiza el componente, como se ve en el console.log, pero intentar .append o usar .components para inyectar contenido resul...
msantore
¡Lo he descubierto! Solo tenía que especificar la posición del array :-) Después de usar 'component.find('fieldset')', asegúrate de establecer una posición del array 'fieldSet[0].append(questionFieldSet);'
Estoy creando una app de VueJS y me gustaría usar GrapesJS dentro de la app (y NO estoy intentando usar VueJS dentro de GrapesJS). He buscado y leído los problemas existentes, pero hasta ahora no he visto ningún ejemplo de cómo usar GrapesJS en una app de VueJS (a menos que esté malinterpretando los ejemplos). ¡Gracia...
pouyamiralayi
Hola @eyesurewould echa un vistazo a #2465 ¡Salud!
Hola a todos ¿Cómo abro un selector como general al seleccionar el elemento? Soy nuevo en JavaScript, pero probé algo parecido. '''js editor.on('component:selected', function(component) { if(component.attributes.tagName == 'div') { const styleManager = editor. StyleManager; styleManager.getSector('General',{ Abierto:...
artf
@ikenderham ya casi llegabas '''js editor. StyleManager.getSector('general').set({ open: true }) ```
simplecommerce
Creo que puedes ver un ejemplo funcional aquí en el código fuente. https://github.com/artf/grapesjs-preset-webpage/blob/6306f45d9de77b5b60f72679717e10e6081e81be/src/panels/index.js Al final.
ikenderham
¿Puedes mostrarme un ejemplo: si hago clic en un DIV necesito que se abra general, o cuando hago clic en un h1, entonces tengo que abrir la "tipografía"? Muchas gracias, soy nuevo en esto.
Hola, una pregunta rápida. Tengo una imagen y solo quiero añadir un enlace. Usando el modelo, ¿cuál es la forma más sencilla de añadir un enlace a la imagen? Intenté usar 'model.replaceWith', pero el problema es que si pongo algo de estilo en la imagen y luego llamo a 'model.replaceWith', los estilos se eliminan. ¿Hay...
simplecommerce
Vale, conseguí que funcionara haciendo lo siguiente: No sé si es una buena forma o no, agradezco cualquier comentario.
pouyamiralayi
¡Hola @simplecommerce! ¡Salud!
simplecommerce
¡Hola @simplecommerce! salud! Hola @pouyamiralayi, gracias por la respuesta. No me refería a crear un nuevo componente, lo que quería decir era simplemente reemplazar un modelo de componente renderizado en el lienzo (una imagen) envolviénd...
Este bug también está en la demo online: https://grapesjs.com/demo.htmlAñadir un bloque de texto a la página, empezar a escribir y pulsar enter para hacer varias líneas de ruptura.Desseleccionar el bloque.Haz doble clic en el bloque para empezar a editar de nuevo. Ahora, si haces clic en el botón "ver código", verás q...
artf
Vale, intentaré investigar esto
pouyamiralayi
@alexiswbr usando el fragmento siguiente, los ''div''''s se convertirán en ''br's como comportamiento esperado:
obrazkow
Yo uso esta forma para evitar la transformación a componente y mantener el HTML original. Simplemente anula el componente que necesites, por ejemplo 'texto', o crea uno nuevo. Quizá no sea una buena solución, pero funciona :)
Hola Estoy usando grapesjs en un proyecto que utiliza escalado proporcional en todas partes. según tu consejo, ahora puedo predeterminar los selectores de tamaño de fuente a 'em' y hacer que 'em' sea la única opción. editor.on('load', function () { const styleManager = editor. StyleManager; forzar tamaño de fuente a E...
artf
¿Se puede crear una demo reproducible?
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
Estoy usando GrapesJs con Angular y ampliando la funcionalidad usando componentes de Angular. Así que mi plantilla es así: Todo esto funciona bien; He añadido DomComponents al diseñador, y los componentes aparecen en el diseñador de capas e incluso puedo cambiar rasgos sin problema. Todo se renderiza como debe. Sin em...
andrewryan1906
Así que, Lo que acabé haciendo en su lugar fue usar elementos Angular, pero NO compilar los elementos en un componente web (quería evitar la complejidad extra). Esto me evitó tener que cambiar los elementos del DOM, así que el editor Grape...
andrewryan1906
Esto podría ayudar. Como parte del procesamiento del elemento, lo estoy cambiando por mi elemento angular sobre la marcha... Así que, después de renderizar la etiqueta rs-wc-custom-component, espero 1 ms y genero un componente dinámico de...
artf
Como parte del procesamiento del elemento, lo estoy cambiando por mi elemento angular sobre la marcha... Así que, después de renderizar la etiqueta rs-wc-custom-component, espero 1 ms y genero un componente dinámico de Angular, y cambio el...
El gestor de capas está actualmente oculto en una pestaña, pero en mi opinión debería estar visible todo el tiempo. Webflow también lo tenía oculto en una pestaña, pero lo movió al lado izquierdo. https://webflow.com/feature/new-navigator-location
pouyamiralayi
@vfxdude por favor, echa un vistazo a este fiddle para una interfaz personalizada (también el panel de capas está en el lado izquierdo). ¡Salud!
vfxdude
@pouyamiralayi gracias. Yo también estaba trasteando con una idea similar. https://codepen.io/neocoder/pen/bGNMyQK (usando el plugin de preset de página web). Sería mejor y más fácil si hubiera una opción para esto en el plugin de preset d...
artf
Sería mejor y más fácil si hubiera una opción para esto en el plugin de Presets de la página web. Actualmente no puedo dedicar tiempo a los presets, pero los PRs siempre son bienvenidos