Здрасти
Есть vue...есть я... На этом можно было бы закончить ))
Есть шаблон, есть строка с текстом в которой есть подстрока с кодом смайлика, ну папримен :ugly:
В шаблон я разумеется хочу вставить эту строку {{mess}}. Хочу я также взять и заменить в этой строке код смайла на картинку. Вроде все тривиально, 6аписал регекс и хлоп - все. Так и есть, но вуй при вставке переменной экранизирует <img/>
Понятно, что я знаю про v-html и про вставку <component is>, но вот в чем затык, в строке могут быть другие теги(собственно это пользовательские данные) и их нужно экранировать. Но не можно экранировать мои <img>
На ум приходит только предварительно экранизировать всю строку самому (может в вуе есть функция?), потом парсить смайлы и прочее и уже готовую строку впендюривать в v-html
Может есть более лаконичный способ. Задача вроде типичная. Ну не разбивать же строку на компоненты.
Пример строки
Пнивет всем :ugly: я вася пупкин <script>alert("xss")</script>
Что хочу
Пнивет всем <img src="/ugly.gif"/> я вася пупкин <script>alert("xss")</script>
Шаблон
<strong>{{nickname}}</strong>
<div>{{mess}}</div>