Grapesjs-custom-code 无法<script>从 GrapesJS 0.16.30 及以上版本执行
你好,非常感谢你,重播...... 是的,完全正确,重放后我尝试了0.16.27自定义方块脚本,但比0.16.27版本更稳定,拖放自定义方块脚本正常运行,保存并重新加载模板后用 editor.setComponents(html 文本为字符串);HTML运行正常,但脚本无法使用。 我用脚本吸收了这个,代替了“这种符号被浏览器理解代码取代的”< >,所以我尝试在浏览器中部署那个 HTML,运行正常,但脚本在本地加载已存模板时无法工作。 如果有人有最新版本的解决方案,请帮我脱离这个困境 谢谢
阅读下方完整回答 ↓问题
'grapesjs-custom-code' 在 'script' 标签下运行良好,直到 GrapesJS 0.16.27 版本后,不再执行任何“script”内容。
✔️ 编辑器初始化() 选项 : 'allowScripts: 1' ✔️ 插件导入:https://github.com/artf/grapesjs-custom-code/issues/11#issuecomment-724512902
回答(3)
你好,非常感谢你,重播...... 是的,完全正确,重放后我尝试了0.16.27自定义方块脚本,但比0.16.27版本更稳定,拖放自定义方块脚本正常运行,保存并重新加载模板后用 editor.setComponents(html 文本为字符串);HTML运行正常,但脚本无法使用。 我用脚本吸收了这个,代替了“这种符号被浏览器理解代码取代的”< >,所以我尝试在浏览器中部署那个 HTML,运行正常,但脚本在本地加载已存模板时无法工作。 如果有人有最新版本的解决方案,请帮我脱离这个困境
谢谢
你好,@bgrand-ch,你说的可能是一个修复的bug。 😂 不应该让用户执行随机脚本的主要原因:
- 自XSS
- 如果在编辑器中执行脚本,我们无法控制,例如,用户将 '<script>document.body.innerHTML = “”</script>;编辑也坏了。
实际上,有一个选项表明这是设计中的 'placeholderScript |内容显示自定义<script>代码包含
谢谢你举报,@bgrand-ch。 关于grapesjs-custom-code无法<script>从GrapesJS 0.16.30及以上版本执行的建议很棒!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致跟踪 构建一个插件,扩展编辑器并具备此...
相关问答
通过相似的问题讨论继续研究。
问题 #3558
FATE:支持内容-安全-政策
为了减少在“敌对”环境中(如SaaS平台)中使用编辑器时可能的攻击面,必须支持CSP。这也能防止类似的问题 https://github.com/artf/grapesjs/issues/3082 目前,唯一阻碍有效 CSP 规则的问题是 GrapesJS 代码中使用了“new...
问题 #3194
我该如何重新利用Spectrum色彩选择器?
我想重新利用GrapesJS中使用的色彩选择器。 我必须用颜色选择器来设置一些项目的关卡设置。这些设置可以通过GrapesJS编辑器访问。我想利用现有用于字体颜色等特性的颜色选择器。 我看到过[这篇帖子](https://github.com/artf/grapesjs/iss...
问题 #3313
让文本可编辑需要大量点击,我们能让文本字段在一次点击中可编辑吗?
警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...
问题 #3668
移动/缩放后无法重置画布
警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。