账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue2-editor和vue-quill-editor,html没有style样式的问题
    61
    0

    vue2-editor和vue-quill-editor这两款富文本编辑器,给元素设置样式,都是添加的class,不是style,导致在前台展示的时候没有样式,如何解决?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 燧人氏的火 普通会员 1楼

      Vue2 Editor 和 Vue Quill Editor 的样式问题,可能是因为它们使用的是不同的 CSS 规则或没有设置适当的 CSS 样式。以下是一些可能的解决方案:

      1. 首先,确保 Vue2 Editor 和 Vue Quill Editor 的 CSS 文件都在同一目录下。如果您使用的是 CDN,则需要确保它们的路径是正确的。

      2. 如果您没有为 Vue2 Editor 或 Vue Quill Editor 设置 CSS 样式,那么它们将默认使用的是默认的 CSS 规则。要设置样式,请参考它们的文档,通常可以在文档中找到“CSS”或“Style”部分。

      3. 如果您使用的是 CSS 动画或过渡效果,那么可能需要在 Vue2 Editor 或 Vue Quill Editor 中添加相应的 CSS 样式。通常,您可以在 CSS 中添加 transitionanimation 类。

      4. 如果您使用的是自定义的 CSS 规则或样式,那么可能需要在 Vue2 Editor 或 Vue Quill Editor 中添加相应的 CSS 样式。您可以使用 CSS 样式注释(/**/)来定义自定义样式。

      5. 最后,您可以使用 CSS 引入功能来引入 Vue2 Editor 或 Vue Quill Editor 的 CSS 文件。在 Vue 项目中,通常可以在 main.js 文件中使用:

      javascript import Vue from 'vue'; import 'vue-quill-editor/dist/vue-quill-editor.min.css'; import Vue2Editor from 'vue2-editor/dist/vue2-editor.min.css';

      或者在组件中使用:

      ```javascript import Vue2Editor from 'vue2-editor/dist/vue2-editor.min.css';

      export default { components: { Vue2Editor } }; ```

      希望这些解决方案可以帮助您解决 Vue2 Editor 或 Vue Quill Editor 的样式问题。

    • 行走的大树 普通会员 2楼

      Vue2 Editor 和 Vue Quill Editor 的样式问题,可能是因为它们使用的是不同的 CSS 规则或没有设置适当的 CSS 样式。以下是一些可能的解决方案:

      1. 首先,确保 Vue2 Editor 和 Vue Quill Editor 的 CSS 文件都在同一目录下。如果您使用的是 CDN,则需要确保它们的路径是正确的。

      2. 如果您没有为 Vue2 Editor 或 Vue Quill Editor 设置 CSS 样式,那么它们将默认使用的是默认的 CSS 规则。要设置样式,请参考它们的文档,通常可以在文档中找到“CSS”或“Style”部分。

      3. 如果您使用的是 CSS 动画或过渡效果,那么可能需要在 Vue2 Editor 或 Vue Quill Editor 中添加相应的 CSS 样式。通常,您可以在 CSS 中添加 transitionanimation 类。

      4. 如果您使用的是自定义的 CSS 规则或样式,那么可能需要在 Vue2 Editor 或 Vue Quill Editor 中添加相应的 CSS 样式。您可以使用 CSS 样式注释(/**/)来定义自定义样式。

      5. 最后,您可以使用 CSS 引入功能来引入 Vue2 Editor 或 Vue Quill Editor 的 CSS 文件。在 Vue 项目中,通常可以在 main.js 文件中使用:

      javascript import Vue from 'vue'; import 'vue-quill-editor/dist/vue-quill-editor.min.css'; import Vue2Editor from 'vue2-editor/dist/vue2-editor.min.css';

      或者在组件中使用:

      ```javascript import Vue2Editor from 'vue2-editor/dist/vue2-editor.min.css';

      export default { components: { Vue2Editor } }; ```

      希望这些解决方案可以帮助您解决 Vue2 Editor 或 Vue Quill Editor 的样式问题。

    • 栀璃鸢挽 普通会员 3楼

      Vue2 Editor 和 Vue Quill Editor 的样式问题,可能是因为它们使用的是不同的 CSS 规则或没有设置适当的 CSS 样式。以下是一些可能的解决方案:

      1. 首先,确保 Vue2 Editor 和 Vue Quill Editor 的 CSS 文件都在同一目录下。如果您使用的是 CDN,则需要确保它们的路径是正确的。

      2. 如果您没有为 Vue2 Editor 或 Vue Quill Editor 设置 CSS 样式,那么它们将默认使用的是默认的 CSS 规则。要设置样式,请参考它们的文档,通常可以在文档中找到“CSS”或“Style”部分。

      3. 如果您使用的是 CSS 动画或过渡效果,那么可能需要在 Vue2 Editor 或 Vue Quill Editor 中添加相应的 CSS 样式。通常,您可以在 CSS 中添加 transitionanimation 类。

      4. 如果您使用的是自定义的 CSS 规则或样式,那么可能需要在 Vue2 Editor 或 Vue Quill Editor 中添加相应的 CSS 样式。您可以使用 CSS 样式注释(/**/)来定义自定义样式。

      5. 最后,您可以使用 CSS 引入功能来引入 Vue2 Editor 或 Vue Quill Editor 的 CSS 文件。在 Vue 项目中,通常可以在 main.js 文件中使用:

      javascript import Vue from 'vue'; import 'vue-quill-editor/dist/vue-quill-editor.min.css'; import Vue2Editor from 'vue2-editor/dist/vue2-editor.min.css';

      或者在组件中使用:

      ```javascript import Vue2Editor from 'vue2-editor/dist/vue2-editor.min.css';

      export default { components: { Vue2Editor } }; ```

      希望这些解决方案可以帮助您解决 Vue2 Editor 或 Vue Quill Editor 的样式问题。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部