将本地HTML文件加载到Grapesjs
嗨!除了阅读文件内容(这很大程度上取决于你的环境,比如如果你在节点环境中,可以用'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)
嗨!除了阅读文件内容(这很大程度上取决于你的环境,比如如果你在节点环境中,可以用'fs'模块),你还可以用editor.setComponents('你的html内容')。 更多信息 [这里](https://grapesjs.com/docs/api/editor.html#setcomponents) 干杯。
浏览器(GrapesJS 在浏览器中执行)不应能够访问主机文件系统中的任意文件。如果允许的话,你就能在网页上添加一些 JS,从而从用户那里窃取文件。如果你想实现这一点,你必须将文件托管在 http 服务器上。
你好!除了阅读文件内容(这很大程度上取决于你的环境,比如如果你在节点环境中,可以用'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还比较新手,请帮帮我。提前感谢大家。 这是我的代码 --------------------------------...
问题 #2053
无法使用插件:grapesjs-custom-code
我尝试添加“自定义代码插件”,但在控制台上出现错误 “插件grapesjs-自定义代码未找到”我创建了一个 React 应用,这是 reach 组件的一部分。注意,当我从 html 页面添加插件而不是 react 组件时,这个功能正常。这个问题只出现在“grapesjs-cus...
问题 #6690
CSP违规
GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome 143.0.7499.193 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好。 如何复现这个漏洞? 导入 JS 文件 /...
问题 #3832
每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装 grapes js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。