如何加载只读组件的子节点?
你好!你可以这样设置目标组件的可拖拽属性: 这样,它只能拖入槽内。对只读类型也可以做同样的操作。 如果你需要针对具体情况的进一步帮助,我会非常感激。 干杯。
阅读下方完整回答 ↓问题
我正在尝试挂载一个只读组件(可拖拽、可丢弃等,均设置为false),并允许用户在里面编辑子组件。
例如,如果我有以下内容
'''html
<div class=“wrapper”> <header>一个头</header>部 <div> 编辑我 </div> <footer>一个基脚</footer> </div> ```我想在组件内加载所有这些内容,并允许用户拖动新的方块,显示“编辑我”
回答(3)
你好!你可以这样设置目标组件的可拖拽属性:
this.set('可拖拽','slot,slot *')
这样,它只能拖入槽内。对只读类型也可以做同样的操作。 如果你需要针对具体情况的进一步帮助,我会非常感激。 干杯。
你好! 如果你指的是在没有用户操作的情况下将组件注入编辑器,你可以使用: 更多相关内容[见此处](https://grapesjs.com/docs/api/editor.html#setcomponents)允许用户拖动新的方块,显示“编辑我”。 如果你指的是让只读组件再次可编辑,可以通过以下方式实现: 更多相关内容[见此处](https://grapesjs.com/docs/modules/Components.html#component-instance) 干杯!
@pouyamiralayi 谢谢!我已经实现了一个“Slot”组件,并在init方法里覆盖了属性 “JavaScript const Slot = () => ({ 型号:{ 默认值:{ 可调整大小:错误, 内容:'<div style=“min-height: 75px” class=“teditor-wrapper”></div>' }, init() { 如果插槽被加载在只读组件内部,则覆盖这些标志 this.set('droppable', true) this.set('hoverable', true) this.set('可编辑',true) this.set('remova...
相关问答
通过相似的问题讨论继续研究。
问题 #4512
本页几乎所有示例都用葡萄失败
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 103.0.5060.134(官方构建)基于 Ubuntu,运行于 Ubuntu 18.04(64 位) 可复制演示链接 https://alvarotrigo.com/blog/html-...
问题 #1817
在编辑器渲染块时更改 HTML 内容
你好@artf 我有一个区块进入了区块管理器 和上面的脚本一样,我希望在该块渲染到界面的同时添加动态HTML内容。 我知道我不需要改变DOM。但我需要用模型来更改,但我不知道怎么用 ID/类别的模式来更改。 你能帮我吗?我该怎么实现?
问题 #1624
替换HTML问题
我定义了新的论坛块,就是这样。 我想用 ajax response html 替换资源类。我现在是这样做的。 问题是,换掉后悬浮游移就不工作了。数据包含多个 div 标签。 我想让悬浮动作在forum_directory职业中正确工作。
问题 #399
我可以在当前模态和当前模态子节点中按工具栏吗?
又问好,@artf,我对元素中的推送工具栏和特定类别(例如模态触发器)有点混淆了。 元素代码为: '''html ... <a href=“#modal1” data-highlightable=“1” class=“modal-trigger”> <div data-high...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。