Vue Ckeditor 内容不是所见即所得

Question

我正在为 vue js 使用 ckeditor article 但编辑器未正确显示内容（不是所见即所得），文本未格式化。如果我使用 vue-wysiwyg，同样的问题。所以我认为我的 vue 问题不是所见即所得工具

Answer 1

已解决，来自 tailwindcss 基本主题的问题。 “List are unstyled”

将样式添加到 tailwind 配置文件

Answer 2

最佳方式：安装排版

使用 npm

npm install @tailwindcss/typography

使用纱线

yarn add @tailwindcss/typography

然后将插件添加到您的 tailwind.config.js 文件中：

// tailwind.config.js
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('@tailwindcss/typography'),
    // ...
  ],
}

现在您可以使用散文类为任何原版添加合理的排版样式 HTML:

<article class="prose">
  <h1>Garlic bread with cheese: What the science tells us</h1>

<ul>
   <li>test1</li>
   <li>test2</li>
</ul>
  <!-- ... -->
</article>

https://github.com/tailwindlabs/tailwindcss-typography

Vue Ckeditor 内容不是所见即所得

Vue Ckeditor content not WYSIWYG

vue.js

ckeditor

wysiwyg

使用 npm

使用纱线