Выделение определённых слов при помощи JQuery

Silva 07.08.2013 jquery, выделение Все вопросы » jQuery 8071

вопрос

Добрый день.
Возникла необходимость выделять другим цветом определённые слова в тексте другим цветом. На css решение не нашел, в JQuery полный ноль, но думаю на нем такое можно сделать. Гуглил, но ничего подобного не нашел :(

Например, в тексте есть куча разные слова, но надо, чтоб слово "Нападающий" выделялось красным цветом. Вариант Нападающий не подходит из-за структуры вывода материала. Подскажите пожалуйста, как это реализовать.

Ответил: TheImDim

Вот написал, пользуйтесь.

5 комментариев

Юзер

Roman.NMSK - 2014-07-059 августа 2013 12:33 - #15533

в админке в утилитах есть "фильтр слов" - в нем модно прописать нужные слова и рядом на что заменять. там же можно использовать и ХТМЛ. единственное что - будет применяться только к новым или обновленным статьям, но при этом будет правильная разметка в самом тексте статьи (если слово, к примеру, выделяется жирным). а с скриптом - только юзеры увидят, а поисковики не обратят внимание на выделение

Юзер

Silva - 2014-07-059 августа 2013 12:41 - #15534

Я же говорил, вариант с HTML тегами не подходит, так как содержимое данных на страницах часто меняется, и играться с заменой и вставкой будет очень проблемно и будет занимать время.
А выделение цветом, вряд ли оказывает какое то влияние с точки зрения SEO.
THEIMDIM - большое спасибо за скрипт.

Юзер

145

shmel1985 - 2014-07-059 августа 2013 14:08 - #15547

А возможно ли так сделать, что бы не цвет добавляло а слова в теги?

Юзер

lxmk - 2014-07-0512 февраля 2016 22:47 - #52762

$(document).ready(function(){
    $(".class").html(function(index, text) {
    return text.replace(new RegExp("Текст", 'g'), "<span>Текст</span>")
    });
});

Юзер

lxmk - 2014-07-0512 февраля 2016 22:50 - #52763

А пример в ответе

/// ОТВЕТИЛ: THEIMDIM
Вот написал, пользуйтесь.

почему-то не работает на dle 10.6, хотя такая реализация мне больше нравится.

TeraMoune | Как вывести тайтл и дискрипшен по маске ... ¹

TeraMoune
Как вывести тайтл и дискрипшен по маске в категориях?
14-04-2024, 00:36

Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
zawibis | Как настроить редирект на внешние сайты? ¹

zawibis
Как настроить редирект на внешние сайты?
13-04-2024, 14:53

Нашёлся ответ.
Нужно в настройках группы отключить параметр

Автоматическая замена ссылок [url] в тег [leech]
При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
TeraMoune | Как решить проблему с /xfsearch/значение ... ⁵

TeraMoune
Как решить проблему с /xfsearch/значение?
12-04-2024, 11:53

Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
komosa | Как решить проблему с /xfsearch/значение ... ⁵

komosa
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:34

А вот прикол то в том, что это коснулось только author
lutskboy | Как решить проблему с /xfsearch/значение ... ⁵

lutskboy
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:31

может быть не один только author. и другие поля. как знать куда перенаправлять
komosa | Как решить проблему с /xfsearch/значение ... ⁵

komosa
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:25

Проблема заключается не в регистре, а в названии /author/ пропадает, и получается так, что ссылки дублируются. Как сделать редирект с дубля /xfsearch/Имя Фамилия на правильный адрес /xfsearch/author/имя фамилия ?
lutskboy | Как решить проблему с /xfsearch/значение ... ⁵

lutskboy
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:23

в новых версиях переводит в один регистр. либо xfsearch translit плагин
deadluk | Сайт для чтения манги ²

deadluk
Сайт для чтения манги
9-04-2024, 04:23

с ТЗ ознакомился. есть также вариант написать на typescript
deadluk | Сайт для чтения манги ²

deadluk
Сайт для чтения манги
9-04-2024, 04:10

пишите https://t.me/CheapestSir обсудим. можем сделать и на dle (php), а можем высокопроизводительное решение на C# (ASP.NET Core). полностью готовый сайт прод ключ. будет соответствовать ТЗ. c# идеально подохдоит для высоконагруженных проектов.
Gordi | Telegram Sender ¹¹

Gordi
Telegram Sender
7-04-2024, 22:15

Цитата: hqtexture
А можно так, чтобы я заходил на сайте в полную новость, и для админа была кнопка с выпадающим меню, каким образом отправить в телеграмм статью?

реализовали? оченно нужная фишка