问题 #471💬 已回答提出于 2017年11月1日作者 tomichal0 个反应

第三方库样式碰撞

快速解答作者 tomichal

我查看了 https://github.com/artf/grapesjs-blocks-basic 插件,发现我遇到的问题似乎来自那里,即插件没有使用grapesjs编辑器的“stylePrefix”''配置设置,尽管最初是从编辑器里获取的: https://github.com/artf/grapesjs-blocks-basic/blob/22d7799d7ecfccd55da67035acb797c8e7f86ccd/src/index.js#L4 在编辑器获得“stylePrefix”'后,插件会直接写入CSS类名,比如“.row”'',这是我试图在编辑器中使用的外部库样式(https://vmware.github.i...

阅读下方完整回答 ↓

问题

你好, 我想在编辑器中加入第三方样式和JavaScript。 它们的添加方式如下:

...
const editor = Grapesjs.init({
  画布:{
    风格:[
      /path/to/css/file
    ],
    剧本:[
      /path/to/js/file
    ]
  },
...
})
...

我遇到的第三方CSS问题是,它的一些样式规则与编辑器的样式规则发生冲突,比如第三方库使用了一个类“行”。

有没有推荐的解决办法?也许我漏掉了什么明显的解决办法?感谢任何帮助,也感谢你创建了这么棒的编辑器!

回答(3)

tomichal2017年11月1日

我查看了 https://github.com/artf/grapesjs-blocks-basic 插件,发现我遇到的问题似乎来自那里,即插件没有使用grapesjs编辑器的“stylePrefix”''配置设置,尽管最初是从编辑器里获取的: https://github.com/artf/grapesjs-blocks-basic/blob/22d7799d7ecfccd55da67035acb797c8e7f86ccd/src/index.js#L4 在编辑器获得“stylePrefix”'后,插件会直接写入CSS类名,比如“.row”'',这是我试图在编辑器中使用的外部库样式(htt...

lock[bot]2019年9月18日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。