Я создаю онлайн глоссарий с Node.js и MongoDB.

У меня есть кнопка «Изменить», которая позволяет редактировать поле <dd> </dd> с помощью contentediable=true.

Теперь пользователь может писать в поле, но также может добавлять изображения с помощью перетаскивания.

Как я могу предотвратить это?

0
RjuJBong 9 Май 2019 в 17:33

2 ответа

Лучший ответ

Вы можете прослушать событие drop в теге dd и предотвратить его. используя event.preventDefault()

var dd = document.querySelector('dd')

dd.addEventListener('drop', function(e) {
  alert('dropped');
  e.preventDefault();
})
dd {
  border: 1px solid black;
  height: 200px;
}
<dd contenteditable="true">asdf</dd>
4
Neel Bhanushali 9 Май 2019 в 14:58

Решение:

let noPictures = document.querySelector(".no-images") // There to select your element
setInterval(() => {
    for (let i of noPictures.children){
    if(i.tagName == 'IMG') {
        noPictures.removeChild(i);
    }
  }
}, 1)

(Если код находит изображение, он удаляет его)

1
Javascript Dev 9 Май 2019 в 15:19