如何使用顺风css呈现Ckeditor 5文本

Question

嗨，我正在使用带有vue3和顺风css的Ckeditor。但是富edior生成的文本呈现为p标记。没有像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

试试这个包RSurya99/ceditor顺风重置，它对我有效。

所以，基本上你只需要安装包

npm i ckeditor-tailwind-reset

并在您的应用中导入样式

@import 'ckeditor-tailwind-reset/ckeditor-tailwind-reset';