通过拖放添加脚本，动态添加元素
问题
你好。感谢你带来这个很棒的项目。我正在用它做我的一个项目，需要一些帮助。 1- 我有一个包含脚本的块元素。这个脚本在iframe内动态添加表单。 当我拖拽脚本到页面上的任意位置时， Grapesjs 忽略位置，直接渲染页面末尾的表单。 ![截图，2019-09-27 12-32-54]（https://user-images.githubusercontent.com/9118214/65742551-358c4180-e123-11e9-8527-e7901d64d6da.png） 但当我导出 HTML 和 CSS 时 grapesjs 位置却是正确的。为什么会这样？ ![截图来自2019-09-27 12-39-42]（https://user-images.githubusercontent.com/9118214/65742988-3920c800-e125-11e9-87dd-48386b7083d0.png） 2- 当我在初始化函数中启用“allowScripts： 1” grapesjs 我可以添加脚本，但无法拖放（使用）自定义块元素 如果关闭了“allowScript”，我可以用自定义块元素，但不能添加脚本。
回答（3）
终于解决了@pouyamiralayi谢谢你的帮助。使用你的解决方案后，它会把脚本插入正确的位置。
嗨！你试过把你的脚本放进脚本标签吗？这样一来，end_时_executed，并且很可能符合你想要的顺序：
编辑。BlockManager.add（'form-block'， {
脚本： function（）{/* your-js */}
}
干杯。
当我拖拽脚本到页面上的任意位置时， Grapesjs 忽略位置，直接渲染页面末尾的表单。 说实话我也不清楚，这完全取决于第三方库（你说的是GetResponse）以及加载后如何附加内容当我在 init 函数中启用“allowScripts： 1” grapesjs 我可以添加脚本，但无法拖放（使用）自定义块元素 首先，在你的块里不需要用 html、 head、 body 标签。你是在 body 已经定义好的文档里放HTML片段...... 我强烈建议你了解一下[组件]（https://grapesjs.com/docs/modules/Components.html），这样你能获得比简单方块...
相关问答
通过相似的问题讨论继续研究。
问题 #4480
Iframe on a block can't be edited
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefox v102.0.1 可复制演示链接 这是工作代码，我不能...... 描述一下那个虫子 如何复现这个漏洞？拖放到页面块 视频你会发现你对我的iframe无能为力 预期的行为...
问题 #4411
XSS when add class name to Selector Manager
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v102 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 如何复现这个漏洞？选择任意组件像 <a href="#"onclic...
问题 #2762
如何直接从添加块中听到性状值的变化
我正在将 JSON 传递给 'editor'。BlockManager.add（）' 函数来定义我的块，从服务器加载内容，并以同样方式填充名为“defaultCategory”的select类型特征。 一切都很顺畅。现在我需要听到那个选择的“onchange”事件，并在那里执行...
问题 #3098
BUG：无法配置 src=null 的视频块
描述该漏洞在当前演示中被重现发生了什么？ 我用src=null配置了视频块，像这样： “JavaScript 班级视频 { 构造者（编辑器） { 设 block = 编辑器。BlockManager.get（'video'）;继承插件 编辑。BlockManager.remov...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。