Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#17043 de enero de 2019por eidsza1Respuesta 1
Reacciones 0

Cómo usar grapesjs con variables twig y actualizar datos añadidos en el CMS backend en la página construida sin editar en grapesjs

ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...

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.

#17033 de enero de 2019por narendravaghelaRespuesta 1
Reacciones 3

¿Cómo permitir caracteres especiales en el nombre de la clase o en el atributo de datos?

En mi código HTML, tengo algunos marcadores de posición de variables definidos en el nombre de la clase o en los atributos de datos de element. Por ejemplo, consideremos el siguiente bloque de código, '''html <div class="list-container" data-page-id="{{page.id}}"> <ul class="{{list.className}}" data-list-id="{{list.id...

artf

La función escape se aplica en el modelo del Selector. Creo que podría ser buena idea ofrecer alguna opción como estrategia de escape personalizada.

#17022 de enero de 2019por SeongwoonHongRespuesta 1
Reacciones 0

Cómo obtener selección de RTE dentro de la función de resultados

Básicamente intento poner un campo de entrada dentro del RTE para que los usuarios puedan hacer enlaces más fácilmente. console.log('<a href="#">${rte.selection()}</a>') dentro de la función de resultado devuelve una etiqueta de ancla vacía como esta <a href="#></a>. He intentado de todo... Incluso guarda el valor de...

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.

#17012 de enero de 2019por B-Esmaili2 respuestas
Reacciones 0

Proporciona una forma de filtrar los elementos de la caja de herramientas, también conocidos como bloques.

Con un conjunto mínimo de bloques involucrados, no tiene mucho sentido tener un filtro de caja de herramientas, pero a medida que crece el número de objetos de la caja de herramientas, tiene mucho sentido tener un filtro encima de la caja de herramientas. Otra cosa que me molesta es la falta de desplazamiento automáti...

artf

Hola @B-Esmaili, para el filtro puedes crear tu interfaz (panel, entrada para la búsqueda, etc.) y usar la API del bloque para filtrarlos (ejemplo https://github.com/artf/grapesjs/issues/499#issuecomment-343482511).otra cosa que me molesta...

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.

#17002 de enero de 2019por hemanthmc3 respuestas
Reacciones 0

Grapesjs-react

cómo cargar un archivo html al iniciar el editor GrapesJs-react Lo intenté de esta manera pero no funciona, editor. StorageManager.add('local', { load() { 'template.html' }, });

arthuralmeidap

Podrías usar el 'editor.setComponents' para cargar el HTML. Aquí puedes ver un ejemplo: https://github.com/artf/grapesjs/wiki/API-Editor#setcomponents Primero tendrás que obtener el contenido del archivo HTML.

artf

Para ser sincero, @hemanthmc , viendo esto: '''js load() { 'template.html' }, ``` No estoy seguro de que sepas lo que haces... Empieza desde el principio: https://grapesjs.com/docs/getting-started.html

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.

#16992 de enero de 2019por narendravaghela3 respuestas
Reacciones 0

Los elementos del enlace no son copiables ni eliminables

En el editor, si tenemos un elemento enlace con algunas clases, el editor no permite copiar o eliminar el elemento. Versión GrapesJS: v0.14.50Pasos para reproducirse:Abrir https://grapesjs.com/demo.htmlImportar siguiendo una etiqueta de enlace simple '''html <a href="#" class="btn btn-lg d-block d-lg-inline-block">Emp...

narendravaghela

¿Alguien podría ayudarme con este problema, por favor?

artf

Por ahora, init el editor con esta opción: '''js grapesjs.init({ ... lienzo: { ... notTextable: ['botón', 'a', 'entrada[tipo=casilla de verificación]', 'entrada[tipo=radio]'], } }) ``` en la próxima versión ajustaré el valor por defecto

narendravaghela

Ahora funciona. ¡Gracias@artf

#16982 de enero de 2019por momu-20163 respuestas
Reacciones 0

Cómo establecer múltiples opciones a data-gjs-droppable

Según sé, puedo configurar data-gjs-droppable=".row-cell", pero ¿cómo puedo configurar varias opciones?

v8jupiter

Hola. Puedes usar una cadena de consulta como con 'arrastrable'.

momu-2016

Hola. Puedes usar una cadena de consulta como con 'arrastrable'. gracias, pero soy novato. ¿Puedes darme un ejemplo?

artf

@momu-2016 'data-gjs-droppable=".class1, .class2, .class3"'

#16972 de enero de 2019por chiqui3d3 respuestas
Reacciones 24

Implementa TinyMCE y desactiva RTE

Estoy intentando aplicar 'tinyMCE' como sustituto de RTE, pero estoy haciendo una tarea imposible: sigo los mismos pasos del plugin CKEDITOR(https://github.com/artf/grapesjs-plugin-ckeditor) pero sin ningún resultado. También he pensado en reescribir el componente de texto, pero sería demasiado, ya que el componente d...

GoodPHP

Hola, mira en el nuevo RTE: Tinymce 6 - https://gjs.market/products/tinymce-6-inline-text-editor Froala - https://gjs.market/products/froala-inline-text-editor

artf

Desafortunadamente, debido a este problema https://github.com/tinymce/tinymce/issues/4629, no es posible implementar TinyMCE, de hecho el envoltorio de los grapesjs está dentro de otro iframe y el formato no funciona (solo funcionan los bo...

adamyarger

@chiqui3d llego un poco tarde, pero conseguí que el cutomrte funcionara con tinymce. Para que tinymce funcione con iframe tienes que pasar en el contexto de la ventana y el documento de iframe. Añadí a la configuración de tinymce en @artf...

#169631 de diciembre de 2018por muhamdgomaa283 respuestas
Reacciones 0

Los rasgos aparecen a la primera vez cuando arrastras un componente personalizado

Hola artf, he creado un componente personalizado y le he añadido rasgos; al arrastrar este componente al editor y seleccionarlo, los rasgos de configuración funcionan correctamente. El prolem es que cuando arrastras el mismo componente detrás del componente antiguo al editor y seleccionas los rasgos de configuración,...

artf

Por favor, crea una demo en directo de este número

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...

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.

#169530 de diciembre de 2018por ahmedeldeeb25-zz3 respuestas
Reacciones 0

Añadiendo nuevo rasgo al componente de vídeo

! captura de pantalla del 25-14-14-2018 Quiero añadir un nuevo rasgo para el componente existente de VÍDEO. Sigo la documentación y no encontré lo que buscaba. Ahora he añadido el nuevo rasgo al componente VÍDEO, pero los rasgos existentes han desaparecido, necesito ayuda, muchas gracias Esto es lo que he probado hast...

artf

Extiende el tipo de vídeo y no el 'por defecto' y ten cuidado con tu método 'isComponent', estás devolviendo 'return {type: 'input'};'

ahmedeldeeb25-zz

@artf gracias por tu respuesta, he probado lo que mencionaste pero no funcionó, ahora ni siquiera he añadido mi nuevo rasgo https://js.do/code/274228 ¿Podrías proporcionar una demostración de la solución, por favor?

ahmedeldeeb25-zz

@artf hago lo mismo que mencionaste con los componentes MAP y LINK y funcionó, pero no funcionó con componentes VIDEO

Explora todos los temas