如何使用VueJs在插入符位置/选择上粘贴文本?

时间:2020-10-19 21:44:12

标签: vue.js contenteditable paste

如何使用VueJs在光标位置/选择上插入文本?

我处理“粘贴”事件以清除粘贴的内容(仅适用于纯文本),但是我找不到如何插入内容的方法。

<div id="app">
  <div contenteditable
       v-on:paste.prevent="onPaste"
  >
    Paste your text here
  </div>
</div>

<script>
new Vue({
  el: "#app",
  methods: {
    onPaste(evt) {
      const text = evt.clipboardData.getData('text/plain');
      alert(text);
      // How insert text on the caret position or selection?
    },
  }
});
</script>

https://jsfiddle.net/mhs170po/

0 个答案:

没有答案