Question

我使用Node.js和MongoDB构建在线词汇表。

我有一个“编辑”按钮，该按钮使<dd> </dd>字段可以用contentediable=true编辑。

现在，用户可以在字段中书写，也可以通过拖放添加图像。

如何防止这种情况发生？

Answer 1

您可以听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>

Answer 2

解决方案是：

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)

（如果代码找到图片，它将删除它）

如何限制用户在可编辑字段中添加图像

2 个答案: