PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

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

将本地HTML文件加载到Grapesjs

快速解答作者 pouyamiralayi❤ 2

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

阅读下方完整回答 ↓

问题

你好,我对grapejs还比较新,我想把本地HTML文件加载到grapesjs编辑器里,请告诉我如何加载本地HTML文件,提前感谢...... 这是我的代码 ---------------------------- import grapesjs from 'grapesjs';import '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';import gjspresetnewsletter from 'grapesjs-preset-newsletter';import gjspresetwebpage from 'grapesjs-preset-webpage'; export default { data() { return { 编辑:null } }, 方法:{ change() { this.$emit('change', this.editor.getHtml()); }, }, mounted() { const LandingPage = { html: '.....

回答(3)

👍 最有帮助pouyamiralayi• 2019年9月10日

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

nikolabtt• 2019年9月10日

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

raghuv9• 2019年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 封装器,我无法用 urlLoad: of 上载网页。我遇到的是 COR 问题,我对grapesjsgrapesjs还比较新手,请帮帮我。提前感谢大家。 这是我的代码 --------------------------------...

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

问题 #2053

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

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

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

问题 #6690

CSP违规

GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome 143.0.7499.193 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好。 如何复现这个漏洞? 导入 JS 文件 /...

1 个回答更新于 2026年1月16日

问题 #3832

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装 grapes js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样...

4 个回答更新于 2021年9月29日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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