Хештеги на uCoz как в Твиттере

Хештеги на uCoz как в Твиттере

22.11.2013528516

Как сделать хэштеги на uCoz как в Твиттере, ВКонтакте или Facebook? Используя скрипт на этой странице, Вы сможете прямо в новостях своего сайта использовать хэштеги, ставя перед словом значок # или @.

Хэштег или хештег – это слово или фраза, перед которой стоит символ решетки (#). С помощью хэштегов пользователи делят сообщения на темы или типы.

Сегодня хэштеги используются практически во всех социальных сетях, таких как Твиттер, ВКонтакте, Google+, Instagram, Facebook, YouTube, Tumblr и т.д. Изначально хэштеги появились в сетях IRC. Позже они появились в Твиттере, стали популярными в 2007 году во время лесных пожаров в Сан-Диего.

Установка

Следующий код вставьте перед закрывающимся тегом </body>

Код
<script type="text/javascript">$('.hashLinks').each(function(){var html = $(this).html().replace(/(#[\S]+)/g,'<a href="/search/$1" class="tagHref" title="$1">$1</a>').replace(/(@[\S]+)/g,'<a href="/index/8-0-$1" class="tagHref" title="$1">$1</a>');$(this).html(html).each(function(){$('.tagHref').each(function(){var href = $(this).attr('href').replace(/#/, '%23').replace(/@/,'');var title = $(this).attr('title').replace(/(#+)/, '');$(this).attr('href',href).attr('title',title);});});});</script>

Текст, в котором должны быть распознаны хэштеги с помощью JavaScript обрените в DIV с классом hashLinks:

Код
<div class="hashLinks">  
Здесь основной контент, в котором слова, начинающиеся с #тег или @user будут заменяться ссылками, как на скриншоте.
</div>

Возможно, Вам еще понадобится шаблон Твиттера на HTML.




Сохраните в социальную сеть
Комментарии (16)
Отличное решение, спасибо автору! +1
6
DEKLINE 22.11.2013 в 21:37Спам
полезный скрипт
3
а как зделать такие хеш теги на стену мне у меня социальная сеть там html запрещено bb коды откриты
-8
там у меня же коментарии там нету розрешить html коды
-7
Статью умеем читать??? Следующий код вставьте перед закрывающимся тегом </body>
-1
ROMAN, это и был правильный способ изначально. так что ничего нового вы не придумали)) каждый понимает по своему. но нужно знать основы HTML/\.
0
Скрипт очень интересный, но вот в чём загвоздка, скрипт нельзя использовать одновременно на странице контента, в комментариях и в самом контенте, что-то одно или два одинаковых скрипта но с разными классами из-за чеге возрастает вес страницы.

И если с хештегом (#) всё понятно это поисковые слова работающие с поиском uCoz как положено, то вот с собакой (@) не понятна мне ситуация, напишет пользователь в комментариях или в новостях @RuleZ-DM, а скрипт с генерирует ссылку на профиль /index/8-0-@RuleZ-DM

а такая ссылка на профиль пользователя не правильна, смысл делать @
3
RuleZ-DM, в скрипте просто уберите @, и у Вас , будет переходить по ссылке без @. Хотя отображаться будет @RuleZ-DM
-2
BT 28.12.2013 в 14:13
Спасибо огромное,очень помогло (+)
-1
Name Name 13.02.2014 в 19:25
Работает, проверено:)
0
Fox 16.02.2014 в 22:18
Неплохо и кода мало
0
Алера 19.08.2014 в 07:14Спам
А где именно вводить второй код? в "виде коментариев" или еще где? подскажите, буду очень благодарен
0
Kempo 13.11.2014 в 13:47Спам
Вставил, все работает, по почему то тег в поиске не верно отображается, точнее "#Новость" он в поисковой строке так и пишет "/search/#Новость" хотя правильно было бы "/search/Новость"
Помогите
2
anquietas 02.10.2015 в 20:44Спам
http://yraaa.ru/forum/7-963-1
0
Алексей 26.09.2015 в 13:11Спам
В этом скрипте если Вы поставите на форум не будет работать то что находится под спойлером к сожалению и выдаст так http://2.firepic.org/2/images/2015-09/26/vq5fz9j7gz30.png.Так что с данным скриптом работать и работать еще приходится
0
anquietas 02.10.2015 в 20:41Спам
Работать будет прекрасно, если добавить слитно ко всем # и @ любой другой знак, будь то еще одна # или @,или любой другой знак или букву.
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт