Как лучше всего разработать виджет из RSS-канала?

Question

Каков наилучший способ разработки виджета из RSS-канала

1. , который визуализируется равномерно по всем сайты и браузеры

2. , которые могут быть легко встроены в другие сайты без сталкиваетесь с какой-либо проблемой?

я попробовал следующие подходы, но у каждого из них есть свои проблемы

Использование Javascript : при встраивании таких виджетов в другие веб-сайты стиль этого виджета пересекается со стилем веб-сайта. Из-за этого он не отображается одинаково на всех веб-сайтах.

Использование html / IFrame : поскольку iframe внедряется на других веб-сайтах, я не смог установить динамический размер iframe с использованием javascript (междоменный сценарий не разрешен) в соответствии с содержимым. Из-за чего появляются полосы прокрутки. Что плохо? и никто не будет вставлять виджет.

То есть какие-либо рекомендации / предложения о том, как разработать виджет, который будет отображаться равномерно на всех сайтах без каких-либо проблем?

Answer 1

Проблема стиля легче решается из двух. Если вы выполняете рендеринг с использованием Javascript, вы можете добавить свои собственные правила CSS, которые будут применяться только к вашему виджету. Например, вы можете поместить идентификатор во внешний DIV виджета и охватить все правила с помощью этого идентификатора:

#widget *  { 
  font-family: Verdana;
  text-size: 12px;
}

#widget a:link {
  color: blue;
  text-decoration: underline; 
  cursor: pointer;
}

и т. Д.

Чтобы решить проблему изменения размера фрейма, вам понадобится разместить некоторый код на сервере страницы, на которую вы встраиваете, и несколько довольно хитрых сценариев, облегчающих коммуникационный уровень фрейма.