Кто-Нибудь работал с contenteditable? Если ввести текст, а потом программно

Question

Кто-Нибудь работал с contenteditable? Если ввести текст, а потом программно

заменить content на новое значение, в поле останется и старое и новое значение.

А должно быть, чтобы после нажатия кнопки в поле оставалось только "New Value"

А если контент в поле удалить полностью, то кнопка вообще перестает работать (мы как-бы удаляем тег, в котором была переменная Vue)

v-model тут не работает... есть шанс побороть?

https://codepen.io/petrovnn/pen/qBxmNEZ

#frontend #javascript #programming #russian #vue.js

0

18.05.2022

6 ответов

24 просмотра

Nikolay Petrov Автор вопроса

Alex Illarionov
Я сделал content-editable компонентом, v-model веш...

Спасибо за помощь, кажется разобрался. Надеюсь не нарушил никаких паттернов программирования. Пришлось правда писать метод для программного изменения значения поля, по-другому никак https://codesandbox.io/s/contenteditable-531q05?file=/pages/index.vue

0

20.05.2022

Alex Illarionov

Nikolay Petrov
Спасибо за помощь, кажется разобрался. Надеюсь не...

Да, я так же сделал )

0

20.05.2022

wzk

не забудь про тупость FF и что он вставляет <br> когда ты стираешь весь текст, а не пустоту

0

20.05.2022

wzk