¿Es posible reemplazar al gestor de activos por algo completamente diferente (como CKFinder - https://ckeditor.com/ckeditor-4/ckfinder/)? Alternativamente, ¿sería posible lanzar el gestor de activos incluido fuera del contexto de grapesjs?
artf
Bueno, nunca lo he probado antes, pero creo que puedes conseguirlo simplemente reemplazando el comando actual '''js editor. Commands.add('open-assets', { run(editor) { ... } }) ``` Así es como se llama el comando https://github.com/artf/gr...
ryandeba
¡Gracias @artf! He conseguido que esto funcione muy rápido gracias a tu sugerencia.
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.
Tengo un caso de uso en el que me gustaría bloquear completamente algunos componentes específicos (es decir, no redimensionables, no arrastrables, copiables, removibles, etc.). Lo tengo funcionando en su mayoría, pero tengo un problema con las imágenes: no consigo evitar la función de doble clic que abre el modal del...
artf
Sí, tienes razón, yo uso 'editable' solo para componentes de texto, pero lo que preguntas en realidad tiene sentido. Aceptaría encantado tu residencia permanente. Deberías añadir 'editable: true' al modelo https://github.com/artf/grapesjs/...
ryandeba
¡Gracias @artf! Aquí está la solicitud de tirada: https://github.com/artf/grapesjs/pull/496
Estoy acostumbrado al editor de html y css que menciono en el #324. Después de editar el html y el css, genera un CSS donde sospecho que causado por editor.setComponents() No estoy seguro de que esto sea un error o un comportamiento normal. Versión de Grapesjs - 0.12.8 Grapesjs preset - GJS-Preset-Newsletter 0.2.15
thecodefish
En mi caso de uso, constantemente obtengo y configuro el html/css dentro del editor, y lo que he visto es que acaba duplicando los estilos 'por defecto' (ver los estilos * y cuerpo en la imagen de arriba: aparecen dos veces). Conseguí solu...
thecodefish
@chiqui3d creo que siempre que necesites modificar el CSS desde alguna fuente externa, probablemente querrás restablecer primero el CSS Composer. Así que si tienes algo como 'editor.setStyle(css);' en tu código, puede que necesites llamar...
artf
Primero que nada, actualiza tu versión de grapesjs y luego sé más específico con tus cambios. ¿Qué has cambiado? ¿A qué te refieres con CSS no deseado?
A continuación hay código que utilicé para rasgos y sección personalizada, pero tras añadir componente mediante bloque, no puedo editar texto o la actualización de rasgos no actualiza el canvas. He extendido el 'texto'. Además, no recibo html cuando uso editor.html(). Además, cuando hago clic en la imagen no se abre e...
artf
En tu modelo, no necesitas definir 'data-gjs-*', solo tiene sentido para importar desde HTML, así que elimina esto: '''js atributos: { 'data-gjs-type': 'cust-section', }, No puedes editar esto '''js var rowDiv = document.createElement('sec...
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, ¿Hay alguna opción para traducir el sistema? Saludos, Yair
artf
Lo he comentado varias veces (por ejemplo, el #26) La próxima vez, intenta buscar antes de abrir un nuevo número (por ejemplo, 'traducción' ya era suficiente) ¡Gracias
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.
Mi intención es crear un bloque que permita que solo se dejen caer componentes de imagen (estoy usando el predeterminado de uvapes-blocks-basic) dentro de él. Tengo el siguiente código de prueba: Sin embargo, cuando ejecuto el código anterior, lo que ocurre es que no puedo dejar caer un componente de imagen dentro del...
roytang
Esta solución funciona. ¡Gracias!
artf
@roytang tu código parece estar bien, probablemente el problema sea porque tu componente está "demasiado vacío" y el puntero del ratón no puede entrar. Intenta añadir un poco de relleno y mira si funciona '''js Contenido: '<div class="imag...
roytang
Mmm. Tengo un formato de contenedor de imagen con ancho y altura de 100px. Además, eliminar la propiedad de dropping en el modelo extendido me permite insertar texto e imágenes dentro de él.
Estoy en proceso de crear un componente personalizado para la plantilla de abajo y queremos que el usuario introduzca texto, enlace, pase el cursor y seleccione imagen; queremos usar el gestor de activos predeterminado para seleccionar imagen, pero no sabemos cómo conseguir que la imagen seleccionada sea en un compone...
artf
@krunal039 ¿Por qué necesitas un componente personalizado? Tu plantilla parece bastante sencilla, ¿qué tal solo un bloque sencillo? '''js editor. BlockManager.add('your-block', { etiqueta: 'Custom Block', contenido: '<div class="row-class"...
krunal039
@artf gracias por responder, necesitamos la entrada del usuario para el paso del cursor, la imagen de fondo y el texto y el hipervínculo al final, y pensamos en usar un componente personalizado, pero si podemos pedirle al usuario que lo in...
artf
Intenta crear un bloque con tu plantilla, arrástralo dentro del lienzo y podrás cambiar todo eso
Hola, ¿Es posible crear dos TextBoxes bajo la misma etiqueta? Si es posible, ¿cómo puedo crear eso? Gracias.
artf
@HarshOB no entiendo dónde está el problema. ¿Has probado simplemente a arrastrar otra entrada?
HarshOB
Sí, lo he intentado pero no funciona. Por ejemplo, quiero dos cuadros de texto delante de una etiqueta, como si se muestra en la imagen de abajo quisiera crear dos cuadros de texto bajo la misma etiqueta "TOKEN" ! captura de pantalla del 0...
Hola, Así que quiero definir dos rasgos en la configuración de componentes. La primera es Casilla de verificación y otra es Casilla de Texto (puede haber varias). Definiré First CheckBox los múltiples campos de entrada. Cuando se hace clic o marca una Casilla de verificación en la base, los siguientes cuadros de texto...
artf
@HarshOB ¿Ya has consultado la wiki sobre Rasgos? Allí explico cómo añadir entradas de casillas de verificación y cómo reaccionar a sus cambios. Si no queda claro, ¿puedes señalarme qué debería añadir?
HarshOB
Aquí lo explico de nuevo con una captura de pantalla. Puedes ver que hay dos campos de texto bajo una casilla. Así que, cuando haga clic en una casilla de verificación o marque esa casilla, esos dos campos de entrada se activan (quiero que...
artf
No, no es algo que puedas hacer con un rasgo incorporado, pero puedes definir tu propio tipo (que incluso puede incluir todas tus entradas) extendiendo el predeterminado
Por ejemplo, si importo '<p><span style="font-size:50px;">hi</span></p>' mediante el comando de importación grapesjs, se establece lo siguiente como componente: '<p data-highlightable="1">hi</p>'. Perder mis estilos
Geczy
Puedes reproducirte en http://grapesjs.com/demo-newsletter-editor.html Aquí se describe mi problema https://github.com/artf/grapesjs/issues/341 https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserHtml.js#L145
Geczy
En mi caso, es preferible no eliminar el '<span>' y dejarlo en el HTML. ¿Por qué se eliminó? Ten cuidado con cosas como: '''html <p style="font-size:12px;"><span style="font-size:50px;">hola</span> hola</p> ``` ¿Cuál debería ser la salida...
artf
Estoy de acuerdo contigo Matt, de hecho, como ya he mencionado, me gustaría quitarlo pero necesito encontrar tiempo para probarlo y asegurarme de que no está rompiendo otras cosas. Cierro esto en favor del #341