привет всем

function replaceWords(data){ // але привет або але, або але, привіт або пока але let patterns = ['але', 'або','але або','або але']; for(let i=0; i<patterns.length; i++){ data = data.replace(new RegExp('('+patterns[i]+')', 'g'), getColorWord(patterns[i])); } return data; } function getColorWord(word) { let color = ''; switch(word){ case "але": color = 'red'; break; case "або": color = 'blue'; break; case 'але або': color = 'green'; break; case 'або але': color = 'brown'; break; default: color = 'black'; break; } return '<span style="color:' + color + ';">' + word + '</span>'; }

есть такая функция должна менять цвет 4 словосочетаний

но те словочетания в которых два слова не хочет выделять текстом

вот пример как работает

можете подсказать что не правильно делаю

сначала заменяешь "але" на "<span>але</span>". Поэтому паттерн из 2 слов не находится.

нужно в функции сохранять результат в другую переменную?

чтобы такого не было?

Смотря как должно работать

нужно при наборе текста сразу выводить слова или словочетания нужного цвета

нужно при наборе текста сразу выводить слова или словочетания нужного цвета

Проверяй следущее слово

Подсветку синтаксиса пилишь )

Подсветку синтаксиса пилишь )

что-то похожее но только на эти 4 варианта

что-то похожее но только на эти 4 варианта

Словосочетания прогоняй первыми + в регулярке сделай проверку на нахождение слова внутри спана

Словосочетания прогоняй первыми + в регулярке сделай проверку на нахождение слова внутри спана

Дорого

А, ему сразу при наборе надо

Хотя судя по коду все равно. Он ререндерит после изменения. Поэтому просто надо проверять след. слово

В линзах могут быть условия?

function replaceWords(data){ // але привет або але, або але, привіт або пока але let patterns = ['але','або','але або','або але']; let pat = new RegExp(patterns.join('|')+'|<([A-Za-z][A-Za-z0-9]*)\\\\b[^>]*😠.*?)</\\\\1>', 'g'); for(let i=0; i<patterns.length; i++){ data = data.replace(pat, getColorWord(patterns[i])); } return data; }

https://t.me/nodejs_ru

Всем привет! Есть задача описать требования к API для дальнейшего прикручивания веб морды (готовый дизайн) с использованием Node.js. Тут имеет смысл спрашивать тут? Или есть отдельный чатик для этого? Что это должен быть за человек? Кого искать?)

а кто морду то делает?

кто морду делает, тот и требовать данные с бека доллжен

кто морду делает, тот и требовать данные с бека доллжен

Пока никто, это будет следующей задачей, она пока еще даже не сверстана)))

ну вот как сверстают, так и определятся какие данные нужны

ну вот как сверстают, так и определятся какие данные нужны

данные в принципе и так ясно, нужно понять формат апи, какие поля как отдавать, какие фильтры нужны (и как лучше сделать)

ну как ясно. если стоит вопрос "какие поля отдавать"

а так вроде json сейчас в 99% случаев

фильтры фронт задает или менеджер проекта/заказчик

как лучше сделать бекендщик сам знает, скажите какиетданные нужны

блин напиши в лс, спроектирую апи)

Ребзя. Можно ли как-то через eventы отследить, изменятся и перемещается ли определенный элемент на странице?

Не могу такого найти. А интервалом чекать - как-то по-быдлокодерски

Вроде нашел https://stackoverflow.com/a/16714909/9562635

Ребзя. Можно ли как-то через eventы отследить, изменятся и перемещается ли определенный элемент на странице?

on.(“resize”) ?

Разве не работает?

Ребзя. Можно ли как-то через eventы отследить, изменятся и перемещается ли определенный элемент на странице?

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

on.(“resize”) ?

Насколько я знаю он отслеживает только изменение окна браузера

Насколько я знаю он отслеживает только изменение окна браузера

Если применять к window, то да. Но такое событие есть у любого элемента

Если применять к window, то да. Но такое событие есть у любого элемента

дык это только на размер же. на перемешение сработает?

Блин, не знаю даже

скорее всего так нельзя и тебе нужно какой-то реактивный фреймворк/либа

Да наверняка есть решения для этого. Просто не очевидные.

Хотелось бы глянуть

Мде...

Лучше MutationObserver чем костыльный resize

Но MutationObserver на перемещения элемента не работает, насколько я понимаю

Что такое "перемещение элемента"?

Передивнуть его в рамках страницы, координаты его поменять

offset top/left, говоря языком jquery

А как ты без изменения дома будешь его перемещать?

А чем resize костыльный?

А чем resize костыльный?

Он на window кидается, и потом фильтровать надо. Его нельзя на элемент кинуть

В смысле нельзя?

Подожди, это надо проверить

Ребзя. Можно ли как-то через eventы отследить, изменятся и перемещается ли определенный элемент на странице?

ResizeObserver

ResizeObserver

У него 23% в caniuse поддержка браузерами

А так - да

Подошел бы

Есть полифиллы

А так только хром пока нативно поддерживает. Но Хром стоит у большинства

Лол

Вот за такое я бы банил.

А так только хром пока нативно поддерживает. Но Хром стоит у большинства

caniuse он проценты относительно юзеров браузеров выводит, а не браузеров)

А что перемещается?

А что перемещается?

div

Хотя нет, предложили использовать полифиллы.

А зачем он тебе?

div

Давайте поподробнее)

Давайте поподробнее)

Порнобаннер. Какие подробности нужны?

Порнобаннер. Какие подробности нужны?

Все ясно

А как ты без изменения дома будешь его перемещать?

Да, ты прав. Лучший вариант При каждом изменении дома проверять - изменился ли наш элемент

Да, ты прав. Лучший вариант При каждом изменении дома проверять - изменился ли наш элемент

У вас как происходит перемещения?

Р

У вас как происходит перемещения?

Не важно. Мне нужно отслеживать любые изменения offset'а

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

И в этом и сложность, конечно

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

А offset это разве не координаты? Пожалуйста, напишите по подробнее что вы хотите сделать?