title: Retaining styles and classes in editor content when using VueJS extension Tiptap Vuetify
body: <p>I integrated a Vue.js extension called <code>tiptap-vuetify</code> into my project. However when the content is injected into the tiptap editor, it automatically strips all classes and inline styling from the HTML, before it displays it in the content editor.</p>
  <p>Given the following example:</p>
  <pre class="lang-javascript prettyprint-override"><code>data () {
     return {
        tiptap: {
           extensions: [
              History,
              Blockquote,
              Link,
              Underline,
              Strike,
              Italic,
              ListItem,
              BulletList,
              OrderedList,
              [ Heading, {
                 options: {
                    levels: [1, 2, 3]
                 }
              }],
              Bold,
              Code,
              HorizontalRule,
              Paragraph,
              HardBreak
           ],
        },
        content: &quot;&lt;p class='paragraph-class'&gt;paragraph tag with class&lt;/p&gt;&lt;p style='color:red;'&gt;paragraph class with style&lt;/p&gt;&quot;
     }
  }
  </code></pre>
  <p>The content injected into the editor consists of two paragraph elements:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;p class='paragraph-class'&gt;paragraph tag with class&lt;/p&gt;
  &lt;p style='color:red;'&gt;paragraph class with style&lt;/p&gt;
  </code></pre>
  <p>However when the content is displayed within the tiptap editor, both the <code>class</code> &amp; <code>style</code> attributes are stripped from the html rendering:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;p&gt;paragraph tag with class&lt;/p&gt;
  &lt;p&gt;paragraph class with style&lt;/p&gt;
  </code></pre>
  <p>How can I prevent the tiptap editor from stripping the style &amp; class attributes from the content when it is displayed in the editor?</p>