我正在尝试实现一个编辑器,页面的某些部分可以编辑/删除等(比如混合页面,有些元素是动态的,有些则不是)。 我用data-gjs属性来阻止静态元素上的这种行为,…
问题
你好
我正在尝试实现一个编辑器,页面的某些部分可以编辑/删除等(比如混合页面,有些元素是动态的,有些则不是)。 我用data-gjs属性来阻止静态元素上的这种行为,效果很好,但我似乎无法禁用容器元素本身的drop? 也就是说,我用fromElement: true绑定了我的实例到页面的正体元素,而data-gjs-droppable设置为false,但我仍然可以将块拖到页面的任意位置? 我是不是漏掉了什么,还是这是设计本意?
非常感谢
马克
回答(3)
这非常有帮助。 感谢您如此迅速的回复,以及您那出色、巧妙且设计精良的产品,这对我们的产品帮助巨大。
你好@mrobertshaw,主元素是作为编辑器容器,而不是包装器。 如果你需要编辑包装器的道具,必须使用这个选项: “''js Grapesjs.init({ ... domComponents: { 包装:{ 可掉落:false, ... } } })
谢谢你举报,@mrobertshaw。 关于*的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console.log('component...
相关问答
通过相似的问题讨论继续研究。
问题 #3367
模态模板
有没有办法修改已编译状态的模板? https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/modal_dialog/view/ModalView.js#L1-L16 如...
问题 #3415
自定义资产管理器。如何设置背景图片
你好! 我正在为资产管理器构建一个自定义模态,基本上,我似乎需要覆盖“open-assets”“”命令。 我如何理解用户是否想设置图片src或背景图片属性? 提前感谢大家!
问题 #3315
毫米或厘米单位转换为px。
我意识到毫米或厘米单位是可以转换成像素的。我该如何解决这个问题? 谢谢你 ' 然后再用事件。 有没有办法获取json对象(比如编辑器里调用函数或者某个属性)? 或者有没有办法停止“editor.stor...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。