CKEDITOR5 wyswig

Есть такой wyswig под названием Ckeditor5 https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html. Полазив в документации (я его использую с фреймворком Vuejs), я так и не смог понять как правильно отобразить (те же стили и расположение элементов) всю эту визуальную часть. Другими словами сейчас в редакторе и в preview отображается всё по разному.

Как мне вытащить (экстрактить) стили которые используются в Ckeditor5?

Мои наработки:

<template>
    <div>
        <ckeditor :editor="editor" v-model="article"></ckeditor>
    </div>
    <!--Preview-->
        <div class="editor" v-html="article"></div>
    <!--end preview-->
</template>
<script>
    import Vue from 'vue';
    import CKEditor from '@ckeditor/ckeditor5-vue';
    import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
    Vue.use( CKEditor );
    export default {
    data() {
        return {
            article: 'lorem ipsum test dsfastx', // достаточно в редакторе залить пару картинок и добавить немного текста, как в preview всё будет вкривь и вкось
            editor: ClassicEditor
        }
    }
</script>