:使用webpack时字体无法加载——grapesjs试图加载具有相对路径的字体
,也就是说HTML文件在/public/editor/demo.html,webpack输出的文件是/public/js/(bundle.js和字体文件)——所以如果我把字体文件复制到/public/editor/fonts/,就能正常工作。 我觉得从这句话来看很明显,问题出在webpack放置字体的位置(可能你只需要正确配置'file-loader')。
阅读下方完整回答 ↓问题
我正在尝试在一个简单的HTML文件中加载Grapesjs编辑器,但它无法加载Grapesjs自身的图标或fontawesome图标。 我查阅了这两个问题 [#2320](https://github.com/artf/grapesjs/issues/2320)和 [#1474](https://github.com/artf/grapesjs/issues/1474),但它们并没有帮我解决问题,所以我才提出来。 下面是我的源脚本(“demo.js”),然后被webpack用来打包成“bundle.js” 我的webpack配置如下: 我看到当我运行webpack捆绑所有内容时,它会生成“bundle.js”“字体文件,同时输出主图标和fontawesome图标的字体文件”.woff“、”.svg“等。 但当我尝试在 HTML 中使用它们时,加载图标时总是返回错误:“可下载字体:下载失败.........来源:http://localhost/editor/fonts/fontawesome-webfont.woff2 我注意到一个有趣的现象是,如果我把字体复制粘贴到我编辑器HTML所在的同一个目录里,字体加载会正常 也就是说,html 文件在 ''/public/editor/demo.html',webpack 输出的文件是 ''/public/js/(bundle.js 和...
回答(1)
,也就是说HTML文件在/public/editor/demo.html,webpack输出的文件是/public/js/(bundle.js和字体文件)——所以如果我把字体文件复制到/public/editor/fonts/,就能正常工作。
我觉得从这句话来看很明显,问题出在webpack放置字体的位置(可能你只需要正确配置'file-loader')。
相关问答
通过相似的问题讨论继续研究。
问题 #767
在对grapes.js进行修改后生成新grapes.min.js
大家好——新年快乐, 我目前正在为我们的后续项目做一些关于GrapesJs的研究。 问题是我 https://github.com/artf/grapesjs/issues/196 了压缩新grapes.min.js,但当我删除grapes.min.js并尝试修改dist文件夹...
问题 #6690
CSP违规
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 143.0.7499.193 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好。 如何复现这个漏洞? 导入 GrapesJ...
问题 #2834
Grapesjs 不会为包装器初始化样式
你好,我遇到了一个 bug grapesjs 无法初始化 wrapper 的样式。繁殖步骤:前往 https://grapesjs.com/demo.html选择包装并设置背景。它会为样式添加“正体”规则,并且会显示在样式设置中刷新页面——“正文”规则依然存在(你可以在“查看代...
问题 #1905
导入模板后无法编辑块
遇到了和[1408](https://github.com/artf/grapesjs/issues/1408)一样的问题。你说应该导入JSON,而不是HTML本身。你能告诉我如何导入JSON模板吗?我找不到解决办法。 在“storage:store”中,我获取一个对象: {...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。