LOGRO: Soporte para búsqueda y comandos en el editor para componentes personalizados
Hola @tvvignesh tiene sentido, pero como sabes, los temas relacionados con las interfaces son muy discutibles, así que requiere mucho código para que sea lo más personalizable posible. Hasta ahora, he dejado de añadir cosas de interfaz en el núcleo y he empezado a hacerlo más orientado a API, de hecho deberías poder i...
Lee la respuesta completa abajo ↓Pregunta
Hola. Primero que nada, un trabajo increíble con grapesjs. Me han pedido una función que puede mejorar mucho la usabilidad para los usuarios.
Aunque grapesjs permite categorizar componentes como estos:
! Captura de pantalla del 26-07-2020 del 26-13-55
Sería genial si hay soporte para buscar componentes para importarlos e importarlos (un filtro normal desde la barra lateral también serviría). Así, aunque haya cientos de bloques, puedo buscar lo que necesito e importarlos en lugar de repasar las capas individualmente y seleccionarlas.
Además, si usas editores como 'notion.so', permiten añadir sus componentes así mediante comandos '/' al escribir en el editor. Esto también puede añadirse a grapesjs y los usuarios pueden seguir editando su página y usar los comandos para añadir los componentes que quieran en la página en el lugar donde está el cursor.
! Captura de pantalla del 21-07-2020 13-57-32
De hecho, puedes combinar la búsqueda con esto así (por ejemplo, si quieres una lista de tareas, escribes tarea).
! Captura de pantalla del 2020-07-21 13-59-14
Espero que esto tenga sentido. Gracias de nuevo.
CC: @artf
Respuestas (2)
Hola @tvvignesh tiene sentido, pero como sabes, los temas relacionados con las interfaces son muy discutibles, así que requiere mucho código para que sea lo más personalizable posible. Hasta ahora, he dejado de añadir cosas de interfaz en el núcleo y he empezado a hacerlo más orientado a API, de hecho deberías poder implementarlo usando Blocks API, que es lo mismo que hemos hecho en Grapedrop ! bloques-búsqueda
@artf Gracias por vuestras aportaciones sobre esto. Probaré a implementarlo usando la API de Blocks.
Solo una pregunta. Como me gustaría añadir bloques en la ubicación donde está el cursor buscando el bloque como en la captura de pantalla, ¿puedo saber la forma recomendada de hacerlo usando la API de Bloques?
¿Obtendrías las coordenadas de posición X, Y del cursor JS y luego la añades, o hay alguna forma de saber en qué contenedor está presente el cursor? Si pudieras darme algunas ideas sobre cómo conseguir la posición y dónde añadir el bloque, probaré a implementarlo yo mismo a ver si funciona. Gracias.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2400
¿Es posible 'desactivar' un botón añadido dentro del panel desde una función fuera de GJS?
Hola a todos, Primero, un proyecto increíble, me ha gustado mucho extender GJS para que funcione con nuestro caso de uso, y estoy emocionad...
Issue #386
Amplía ejemplos/documentación de Pannel/Command abriendo una nueva vista
Hola Artur, ¡Primero que nada, Grapesjs es increíble! Ahora mismo estoy intentando entender cómo crear un panel con un botón que abra una n...
Issue #2673
[RESUELTO] [PREGUNTA] Función para actualizar el árbol DOM tras cambios en componentes
Hola. Estoy desarrollando un sitio usando este software increíble. Ahora estoy personalizando el editor y he encontrado una tarea que no pu...
Issue #2760
Assets renderizando todas las imágenes en lugar de solo algunas.
Hola @artf, primero que nada, ¡gran trabajo con el GrapesJS! Me lo estoy pasando muy bien trabajando con él. ¡Es increíble! Así que, sobre...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.