How can I display the HTML code, created in the editor, in another view?

[lpares12]

What is the proper way to include the blockquote and ql-indent-1 to 7 classes so I can show the HTML code from the editor in another view?

In a SFC I added the editor like this:

  <QuillEditor v-model:content="myvar" contentType="html" @update:content="emit('contentUpdated', myvar)" :options="options" />

Where options is:

const options = {
  theme: 'snow',
  modules: {
    toolbar: ['bold', 'italic', 'underline',
      { 'list': 'ordered'}, { 'list': 'bullet' },
      {'indent': '-1' }, {'indent': '+1'},
      'blockquote']
  }
}

The html I generated with the editor looks like this:

<p class="ql-indent-1">whatever</p>
<p class="blockquote">whatever2</p>

But how can I define this classes in another component without having to copy-paste the code and modify it manually? Also, I saw
that these classes are only defined when inheriting from ql-editor, which is not ideal.