RSS Feed
Hola Shaun, creo que no debería ser tan complejo de implementar si lees cómo funcionan Componentes y Rasgos. Debería ser algo así (tómalo como un pseudocódigo): '''js editor. DomComponents.addType('rss-feed', { modelo: { Predeterminados: { total: 10, // por ejemplo. cuántos feeds renderizar feed: 'https://.../feed1',...
Lee la respuesta completa abajo ↓Pregunta
¡Hola!
Tengo una pregunta, busqué pero no encontré respuesta, ¿existe algún componente que extraiga un feed RSS y lo formatee en la página? MailChimp y Campaign Monitor hacen esto, aquí tienes un ejemplo de feed: http://www.homecaredaily.com/feed/ sé que parte de esto se hace en servidor, pero solo quiero saber si alguien ha probado esto antes o si tiene alguna orientación sobre esta función. ¡Gracias!
Respuestas (2)
Hola Shaun, creo que no debería ser tan complejo de implementar si lees cómo funcionan Componentes y Rasgos. Debería ser algo así (tómalo como un pseudocódigo): '''js editor. DomComponents.addType('rss-feed', { modelo: { Predeterminados: { total: 10, // por ejemplo. cuántos feeds renderizar feed: 'https://.../feed1', // feeds predeterminados para renderizar Rasgos: [ { tipo: 'select', Nombre: 'Feed', cambioProp: 1, Opciones: [ 'https://.../feed1', 'https://.../feed2' ], }, { Tipo: 'número', Nombre: 'Total', cambioProp: 1, } ] }, init() { this.listenTo(this, 'change:feed change:total', this.refreshContent); this.refreshContent(); }, async refreshContent() { const { feed, total } = this.attributes; const parser = nuevo RSSParser(); Por ejemplo, Usando https://www.npmjs.com/package/rss-parser const feeds = await parser.parseURL(feed); resultado const = feeds.items.slice(0, total).map(item => '<div> <h1>${item.title}</h1> <p>${item.text}</p> <div>'); this.components(result.join('')); } } });
Luego añade un bloque para que los usuarios puedan arrastrarlo en el lienzo
¡Esto es increíble, muchas gracias!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2805
[PREGUNTA] "Los cambios que hayas hecho pueden no guardarse." Se muestra una ventana emergente de alerta
Hola a todos Tengo un problema relacionado con Alert que aparecía cuando intentaba cerrar sesión en la página. En realidad no sé si es un b...
Issue #3783
Texto superpuesto RTE cuando el componente de texto está al 100% de altura
Versión GrapesJS Por favor, ayudadme; puede que esto se haya solucionado en algún sitio, pero revisé los problemas y no encontré ninguno; h...
Issue #1895
[PREGUNTA] Arrastra el componente sobre el lienzo con script, script añadido varias veces.
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un compone...
Issue #1537
Componente duplicado, no estilo
Hola, Antes que nada, muchas gracias por el trabajo increíble ❤️ !! Tengo una pregunta sobre la herramienta de duplicación, así que aquí es...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
Find the Right GrapesJS Plugin in Seconds: Smarter Discovery Is Live
We're shipping a set of discovery upgrades. New label filters, a proper compatibility switch for GrapesJS vs Studio, one-click and a smarter sort bar.
Tutorial
Preset DevFuture 2.0 — New Update Released
Preset continues evolving as a clean, production-ready starting point for building visual editors powered by GrapesJS
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.