Issue #2022💬 RespondidoAbierto el 17 de mayo de 2019por shaunc869Reacciones 0

RSS Feed

Respuesta rápidapor artf

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)

artf23 de mayo de 2019

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

shaunc86923 de mayo de 2019

¡Esto es increíble, muchas gracias!

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.