Editor ShadCN con Lexical y Lexkit

LexKit es un framework ligero sobre Lexical para editores enriquecidos, con DX mejorada, extensiones tipadas y plantillas Shadcn listas para producción. Q2BSTUDIO ofrece desarrollo a medida, IA y soluciones cloud.

25 sept 2025 • 2 min de lectura • Equip Q2BSTUDIO

Inteligencia-Artificial-

En mi último post me desahogué sobre lo difícil que puede ser construir editores de texto enriquecido y cómo cada vez que probaba Lexical me gustaba la idea central pero la experiencia de desarrollador se sentía poco agradable. Tras mucho trabajo construí LexKit, un framework ligero encima de Lexical pensado para mejorar la DX, ser modular y facilitar que los equipos integren editores modernos sin batallar con tipos ni plugins rotos.

Como demostración creé una plantilla basada en Shadcn que muestra lo sencillo que es tener un editor visual, estilizado y listo para producción. La plantilla Shadcn con LexKit permite arrancar rápido: instalar dependencias, añadir las extensiones que necesites y tener un editor listo para escribir en segundos. No necesitas envolver componentes raros ni aplicar parches a ejemplos de GitHub, solo integrar y usar.

Características clave de LexKit: extensiones tipadas que ofrecen comandos y consultas de estado con tipos desde el primer momento; extensiones composables y headless que funcionan como piezas de lego; enfoque React first para evitar envoltorios innecesarios; estabilidad para entornos de producción. Además hay plantillas, demos y documentación para acelerar la adopción.

Si buscas integrar un editor en tu proyecto de frontend puedes hacerlo con unas pocas dependencias y la plantilla Shadcn, y adaptar extensiones según tus necesidades: formatos enriquecidos, listas, marcado y mucho más. LexKit facilita la creación de experiencias de edición personalizadas sin sacrificar seguridad de tipos ni mantenibilidad.

En Q2BSTUDIO somos especialistas en desarrollo de software y aplicaciones a medida y podemos ayudarte a integrar soluciones como este editor en aplicaciones empresariales. Ofrecemos servicios de software a medida y desarrollo de aplicaciones multiplataforma, consulta más información sobre nuestras capacidades en aplicaciones a medida. También trabajamos con inteligencia artificial y soluciones IA para empresas, desde agentes IA hasta automatizaciones inteligentes, descubre nuestros servicios en inteligencia artificial para empresas.

Además de desarrollo a medida nuestras áreas de especialización incluyen ciberseguridad y pentesting, servicios cloud aws y azure, servicios inteligencia de negocio y Power BI para análisis avanzado. Con Q2BSTUDIO puedes combinar un editor moderno como el basado en LexKit con arquitecturas seguras en la nube, pipelines de datos y cuadros de mando en power bi para maximizar el valor de la información.

Si te interesa probar LexKit o quieres que integremos un editor Shadcn en tu plataforma corporativa contáctanos. Podemos adaptar extensiones, asegurar la integración con tus servicios cloud y añadir capacidades de inteligencia de negocio e IA para mejorar flujos documentales y experiencia de usuario. También apreciamos el apoyo en la comunidad mediante feedback, sugerencias o estrellas en el repositorio que mantenga el proyecto vivo.

Esperamos que esta herramienta te saque del infierno de los RTE tanto como nos ayudó a nosotros y quedamos a tu disposición para proyectos de software a medida, agentes IA, ciberseguridad y soluciones cloud integradas.

UNA PAUSA?

Juga una estona abans de marxar

ELS NOSTRES SERVEIS

Com et podem ajudar

Intel·ligència artificial

Agents d'IA, chatbots i assistents intel·ligents que automatitzen tasques i atenen els teus clients 24/7 per millorar l'eficiència del teu negoci.

Més info

Desenvolupament de programari

Aplicacions web, mòbils i d'escriptori, intranets, e-commerce, SaaS i plataformes de gestió dissenyades per a les necessitats concretes de la teva empresa.

Més info

Serveis cloud

Migració, infraestructura, hosting gestionat, alta disponibilitat i seguretat en Microsoft Azure i Amazon Web Services perquè el teu negoci escali sense límits.

Més info

Ciberseguretat i pentesting

Auditories de seguretat, test d'intrusió (pentesting) i protecció d'aplicacions, dades i infraestructura on-premise i cloud, amb hacking ètic i compliment normatiu.

Més info

Business Intelligence

Quadres de comandament i anàlisi de dades amb Power BI: integrem les teves fonts, dissenyem dashboards i KPIs i convertim les teves dades en decisions.

Més info

Automatització de processos

Automatitzem tasques repetitives i connectem les teves aplicacions amb n8n, Power Automate, Make i RPA, eliminant treball manual i augmentant la productivitat.

Més info

Formació per a empreses

Formem els teus equips en tecnologia amb criteri: desenvolupament web, bases de dades, Git, bones pràctiques i seguretat, automatització amb n8n, intel·ligència artificial per a empreses i creació de solucions d'IA amb Azure AI Foundry.

Més info

Auditoria de codi

Auditem el codi que creguis tu, el teu equip o una IA: et diem què està bé i què millorar, el securitzem i el deixem llest per a producció, web o app.

Més info

Generació d'imatges amb IA

Creem per tu les imatges que necessita el teu negoci amb intel·ligència artificial: producte, xarxes, publicitat, il·lustració i avatars. Tu ens dius què vols i t'ho lliurem llest per fer servir.

Més info

Generació de vídeos amb IA

Creem per tu vídeos amb intel·ligència artificial: promocionals, per a xarxes, presentadors virtuals, doblatge i animacions. Ens comptes la idea i t'ho lliurem muntat i llest per publicar.

Més info

Avatars conversacionals amb IA

Creem avatars conversacionals amb IA —humans digitals amb cara i veu— que atenen els teus clients i equips amb el coneixement de la teva empresa, a la teva web, monitors interactius, WhatsApp o Teams.

Més info

Màrqueting Online i IA

Google Ads, Meta Ads, LinkedIn Ads i posicionament en motors d'IA (GEO/AEO): captem clients i fem que la teva marca aparegui on et busquen, també a ChatGPT, Gemini i Perplexity.

Més info

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.

Live Chat