你好，我正在尝试向我的项目添加自定义模态块，并且想用拖放功能更改这个模态的内容。这是我的模态区块代码： “JavaScript 编辑。BlockManager.add（“modal”， { 标签：“Modal”，分类：“基础”，内容：{ 内容： Open modal Modal 头部 × 模态中的一些文字...... .modal-wrapper { 显示：无; 位置：固定; Z指数：100; 垫层顶：100像素; 左：0...

我觉得“内容”字段被视为纯文本，所以应该用“组件”字段： “''js 编辑。BlockManager.add（“modal”， { 标签：“Modal”，分类：“基础”，内容：{ 组件： Open modal Modal 头部 × 模态中的一些文字...... .modal-wrapper { 显示：无; 位置：固定; Z指数：100; 垫层顶：100像素; 左：0; 顶部：0; 宽度：100%; 身高：100%; 溢出：...

问题 #2961💬 已回答提出于 2020年8月18日作者 kuhelbeher1 个反应

BUG：自定义模态中的组件无法编辑

快速解答作者 Ju99ernaut❤ 1

也许可以用“图层”面板，或者像#2772号问题中展示的那样禁用脚本

阅读下方完整回答 ↓

问题

你好，我正在尝试向我的项目添加自定义模态块，并且想用拖放功能更改这个模态的内容。这是我的模态区块代码： “JavaScript 编辑。BlockManager.add（“modal”， { 标签：“Modal”，分类：“基础”，内容：{ 内容： <button type=“button” class=“modal-open-button”>Open modal</button> <div class=“modal-wrapper”> <div class=“modal-content”> <div class=“modal-contentheader”> <h3 class=“modal-contenttitle”>Modal 头</h3>部 <button type=“button” class=“modal-contentclose-button”>×</button> </div> <p>模态中的一些文字......</p> </div> </div> <style> .modal-wrapper { 显示：无; 位置：固定; Z指数：100; 垫层顶：100像素; 左：0; 顶部：0; 宽度：100%; 身高：100%; 溢出：自动; 背景色：RGBA（0,0,0,0.4）; } .modal-content { 背景色：#fefefe; 保证金：自动; 填充：20像...

回答（3）

Ju99ernaut• 2020年8月19日

也许可以用“图层”面板，或者像#2772号问题中展示的那样禁用脚本

Ju99ernaut• 2020年8月18日

我觉得“内容”字段被视为纯文本，所以应该用“组件”字段： “''js 编辑。BlockManager.add（“modal”， { 标签：“Modal”，分类：“基础”，内容：{ 组件： <button type=“button” class=“modal-open-button”>Open modal</button> <div class=“modal-wrapper”> <div class=“modal-content”> <div class=“modal-contentheader”> <h3 class=“modal-contenttitle”>Modal 头</h3>部...

kuhelbeher• 2020年8月19日

@Ju99ernaut谢谢你的好建议。成功了。

但现在我遇到了另一个问题——我该如何选择“打开模态”按钮来进行样式或修改？当我点击“打开模态”按钮时，模态会被打开。我能以某种方式阻止触发这个事件吗？这里有[演示]（https://codesandbox.io/s/grapes-modal-block-click-zxbcy?file=/src/index.js）

在 GitHub 上查看完整讨论 →