如何使用 tailwind css 渲染 Ckeditor 5 文本？

Question

您好，我正在使用 Ckeditor 和 vue3 以及 tailwind css。但是 rich edior 生成的文本呈現為 ap 標簽。 沒有像 ul ol 和 table 這樣的標簽在工作。

<script>
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import { reactive } from 'vue';
export default {
    setup(){
        const state=reactive({
            editor: ClassicEditor,
                editorData: '<p>Content of the editor.</p>',
                editorConfig: {
                    
                }
        })

        return {state}
    }
}
</script>

<template>
    <div id="vk">
        <ckeditor :editor="state.editor" v-model="state.editorData" :config="state.editorConfig"></ckeditor>
    </div>
    
        <div id="description" v-html="state.editorData">

        </div>
    
</template>

<style scoped>
    
</style>
``

Answer 1

試試這個 package RSurya99/ckeditor-tailwind-reset ，它對我有用