Виджет поиска редактора jQuery, который автоматически поддерживает разрешение URL/ссылки, как Facebook

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

Мне нужен виджет или элемент управления jQuery, похожий на текстовый редактор в Facebook. Мне нужно что-то, что может разрешить URL-адрес или ссылку и волшебным образом превратить ее в интерактивную ссылку. Но он не может полагаться на такие технологии, как BBCode или другие реализации на основе тегов, по крайней мере, с точки зрения того, что доступно конечным пользователям. В какой-то момент у нас действительно был редактор на основе BBCode, но мы убрали его после того, как он плохо протестировался кем-либо, кроме компьютерных фанатов.

Святой Грааль редакторов будет включать в себя следующие функции:

  • Разрешение URL/ссылки с возможностью вызова стороннего сервиса, такого как bit.ly (через веб-метод или что-то подобное)
  • Разрешение изображения: пользователь вставляет URL-адрес изображения, и редактор распознает это и создает тег <IMG> со всеми полезными свойствами.
  • Разрешение видео: то же самое для видео, что и для изображений.

Что мне не нужно (в настоящее время), так это какая-либо поддержка форматирования: полужирный шрифт, курсив, цитирование, отступы, маркеры и т. д. Все эти функции гораздо менее важны, чем возможность разрешить URL-адрес, вставленный в редактор.

Вероятно, мне придется реализовать это самому, и я не возражаю против этого, поскольку мне нравится писать виджеты jQuery. В этом случае, если у вас есть какие-либо анекдоты или советы, которые могут быть полезны, я был бы признателен.


person Armchair Bronco    schedule 27.06.2011    source источник


Ответы (1)


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

В конце концов, мы использовали комбинацию jQuery и серверного метода PageMethod на C# для сокращения и очистки URL-адресов (используя библиотеку Microsoft AntiXSS). Любой введенный пользователем текст проходит через этот метод PageMethod, и результирующий очищенный HTML-фрагмент возвращается клиенту.

Таким образом, вы не получаете мгновенного удовлетворения, которое предоставляет редактор Facebook, но, по крайней мере, вы можете вставлять ссылки в описания и комментарии. «Что-то часто лучше, чем ничего».

person Armchair Bronco    schedule 12.10.2011