169 похожих чатов

Я использую contenteditable с v-model, для подсвечивания некоторых слов которые

нахожу через регулярку

<div
contenteditable
v-html="modelValue"
@paste.prevent="pasteAsPlainText"
@input="event => $emit('update:modelValue', event.target.textContent)"
/>

Но из-за v-html если изначальный текст содержит html тэги, они вставляются как тэги, а не текст

Как избежать такое поведение?

Мне нужно чтобы он вёл себя как обычный textarea, но чтобы там подсвечивались (оборачивались в тэг) только некоторые слова из регулярок и ничего больше

8 ответов

12 просмотров

не использовать v-html)

Антипов 🇺🇦- Автор вопроса
Kirill 🍅 Romanov
не использовать v-html)

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

Антипов 🇺🇦
ок, допустим заменим на v-text, но тогда те слова ...

Как ты будешь отличать что должно быть тегом, а что нужно конветировать в html entity?

Антипов 🇺🇦- Автор вопроса
Stanislav Lashmanov
Как ты будешь отличать что должно быть тегом, а чт...

мб нужно держать 2 текста, 1 как обычный текст в v-model, а другой для вывода где слова будут оборачиватся в тэг

Короткий ответ: не пытаться написать свой вариант визивига, а брать готовый. Уже проходил эту историю несколько раз. Конец с самописными решениями всегда был печальный.

Антипов 🇺🇦- Автор вопроса

я брал, но там столкнулся с багом который нельзя решить, неправильно копирует переносы + из-за этого проблемы с v-model (нельзя адекватно посчитать количество символов, тк "лишние" переносы он убирает) :( копирует как "test test" (с 1 переносом вместо 2)

Антипов 🇺🇦
я брал, но там столкнулся с багом который нельзя р...

Визивигов десятки, найдите тот который работант)

Похожие вопросы

Обсуждают сегодня

И к какой архитектуре привязана Java?
Dmitry Olshansky
17
@Aiwan что такое база образца?
Alexey
27
коллеги, добрый вечер! А никто не знает как модальная форма может себя закрыть? Ну допустим модальная форма определила, что смысла ей работать нет и хочет вернуть modalResult...
Михаил
83
Не многие знают, а кто знает, тот уже успел забыть, что в далёком 2004 году эта игра произвела настоящий фурор, настолько революционной была технология, применяемая для её соз...
ICCID
4
Короче я тут узнал полный пиздец Что кучу постов которые я создавал через posted Спустя время не могу редактировать и менять Мол телега возвращае ошибку Это реально так ...
inc.
13
Хотя у меня сейчас есть более сложная задача, вот её думаю: как объяснить челу переходного возраста противоположного полу, обучающегося в польском колледже (а-ля наш техникум)...
Вячеслав Кузьменко
15
Добрый день Хочу начать обучение языку, не являюсь представителем it, буду благодарна за помощь, совсем пока не понимаю ничего) Подскажите, пожалуйста, где можно начать первы...
Sara Lala
30
а вы в курсе, что Initialize() не работает? var arr123: array[0..123] of Byte; ... Initialize(arr123, SizeOf(arr123));
Iluha Companets
8
а сколько всего в IT умерло? Где флеш-игры, их было туча, где они все? Сегодня технология есть, а завтра вжух и мёртвая. Этот wasm сильно напоминает джавовские апплеты, silver...
Constantin F.
5
А как старый хаскел с новым стыковать ? потому как тут работает https://play.haskell.org/saved/C3xpMzcd, а вот тут https://stepik.org/lesson/7602/step/9?unit=1473 нет ошибка C...
Fedor
131
Карта сайта