title: How to filter text content on copy/paste operation in a editable component (vue)
body: <p>I have implemented a component that use contenteditable="true" to get possibility of edit content on this div (like a textarea).</p>
  
  <p>Follow a snippet from my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default {
    name: 'divArea',
    props: ['value'],
    mounted() {
      this.$el.innerHTML = this.value;
    },
    methods: {
      updateHTML(e) {
        const html = e.target.innerHTML;
        this.$emit('input', html);
      },
    },
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div contenteditable="true"
      v-once
      v-html="value"
      @input="updateHTML"
      @paste="onPaste"
      class="txtArea"&gt;&lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I’m trying to implement a paste feature in this area to copy a block of content from an html page but I would like to have only text version after paste operation (no html).</p>
  
  <p>Currently I use v-html attribute with a prop on my component because I need to add an html custom tag on pasted text but only if user click on a button.</p>
  
  <p>How can I do to implement this behavior?</p>