问题 #2261✓ 已解决提出于 2019年9月10日作者 raghuv93 个反应

将本地HTML文件加载到Grapesjs

快速解答作者 pouyamiralayi2

嗨!除了阅读文件内容(这很大程度上取决于你的环境,比如如果你在节点环境中,可以用'fs'模块),你还可以用editor.setComponents('你的html内容')。 更多信息 [这里](https://grapesjs.com/docs/api/editor.html#setcomponents) 干杯。

阅读下方完整回答 ↓

问题

你好,我对Grapejs还比较新,我想在Grapesjs编辑器里的assets文件夹里加载一个本地html文件,请告诉我如何加载本地HTML文件,提前感谢...... 这是我的代码 ---------------------------- 从“GrapesJ”导入葡萄; 导入 'Grapesjs/Dist/CSS/grapes.min.css'; import 'grapesjs-preset-newsletter/dist/grapesjs-preset-newsletter.css'; import 'grapesjs-preset-webpage/dist/grapesjs-preset-webpage.min.css'; 从“grapesjs-preset-newsletter”导入 gjspresetnewsletter; 从 'grapesjs-preset-webpage' 导入 GJSPRESETWEBPAGE; 导出默认 { data() { 返回 { 编辑:null } }, 方法:{ change() { this.$emit('change', this.editor.getHtml()); }, }, mounted() { const LandingPage = { HTML:“../userpage/index.html', CSS: ['../用户...

回答(3)

👍 最有帮助pouyamiralayi2019年9月10日

嗨!除了阅读文件内容(这很大程度上取决于你的环境,比如如果你在节点环境中,可以用'fs'模块),你还可以用editor.setComponents('你的html内容')。 更多信息 [这里](https://grapesjs.com/docs/api/editor.html#setcomponents) 干杯。

nikolabtt2019年9月10日

浏览器(GrapesJS 在浏览器中执行)不应能够访问主机文件系统中的任意文件。如果允许的话,你就能在网页上添加一些 JS,从而从用户那里窃取文件。如果你想实现这一点,你必须将文件托管在 http 服务器上。

raghuv92019年9月10日

你好!除了阅读文件内容(这很大程度上取决于你的环境,比如如果你在节点环境中,可以用'fs'模块),你还可以用editor.setComponents('你的html内容')。更多信息[这里](https://grapesjs.com/docs/api/editor.html#setcomponents)干杯。 不,实际上我是在给那个html文件的链接,比如URL:'../somefolder/test.html' 我想用这个方法加载到编辑器,而不是在 set-component 方法里粘贴 html 代码,有没有可能像 storageManager 里的 urlLoad 方法那样(urlLo...

相关问答

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

问题 #2262

被 cors 策略阻挡 请求的资源上没有“访问-控制-允许-起源”头部

你好,我正在使用 Grapesjs 和 Vue 包装器,我无法用 url 加载网页。加载:of grapesjs,我遇到了 cors 问题,我对 grapesjs 还很新,请帮帮我,提前感谢。 这是我的代码 -----------------------------------...

3 个回答更新于 2023年12月30日

问题 #2053

无法使用插件:grapesjs-custom-code

我尝试添加“自定义代码插件”,但在控制台上出现错误 “插件 grapesjs-custom-code 未找到”我创建了一个 React 应用,这是 Reach 组件的一部分。 注意,当我从HTML页面添加插件而不是React组件时,这个功能正常。这个问题仅发生在“grapesj...

2 个回答更新于 2019年6月3日

问题 #5083

方块不能拖到画布上

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 陶瑞 可复制演示链接 描述一下那个虫子 如何复现这个漏洞?... 预期的行为是什么? ... 目前的行为是什么?** ... 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js “使...

4 个回答更新于 2023年5月2日

问题 #1772

无法读取未定义属性“indexOf”。

你好, 我正在启动一个新的 grapeJS 实例,立刻一切都崩溃了,并出现以下错误: 无法读取未定义的属性“indexOf”,位置为grapes.js:6477 我的代码长这样: '''html <link href=“//unpkg.com/grapesjs/dist/css...

2 个回答更新于 2020年2月7日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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