专长:如果按钮有动作(比如打开模态窗口)该如何编辑?
如果按钮需要自定义逻辑/行为,你必须为该按钮创建一个[自定义组件](https://grapesjs.com/docs/modules/Components.html),并且需要根据原始HTML的自定义逻辑
阅读下方完整回答 ↓问题
我有一个HTML模板。HTML模板有一个按钮。点击按钮时,会触发一个事件(打开模态窗口)。有没有可能在不触发事件的情况下,直观地改变按钮的外观?使用 allowScript: 0,我可以编辑按钮的外观,但在这种情况下,事件不会触发(打开模态窗口)。在 allowScript: 1 中,触发事件(打开模态窗口),但无法编辑按钮的外观。曾有过在allowScript 0和allowScript 1之间切换的想法,但allowScript会移除页面上的所有js。
回答(2)
如果按钮需要自定义逻辑/行为,你必须为该按钮创建一个[自定义组件](https://grapesjs.com/docs/modules/Components.html),并且需要根据原始HTML的自定义逻辑
谢谢你举报,@sashapawlow726。 关于FEAT:如果按钮有动作(打开模态窗口)如何编辑按钮,这真是个很棒的建议?!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致跟踪 构建一个插件,扩展编辑器并具备此功能 正式宣布: 如果此功能能惠及...
相关问答
通过相似的问题讨论继续研究。
问题 #3312
专长:侧板宽度改为20%
你想给GrapesJS添加什么? 侧板看起来被揉皱了。除非你的桌面很大,否则我不太希望块面板的图片被放到一边。此外,顶部的图标,比如“获得新方块”图标,除非屏幕较大,否则会被遮挡。 详细描述你的功能需求详细 将侧面板宽度从15%改为20%,具体来说是类别:'gjs-pn-vie...
问题 #3371
生成页码,有什么想法吗?
大家好,我正在通过 grapesjs 创建一个文档生成器,我想在每页底部插入类似“第1页共5页”这样的页码。我的起始模板有一个叫.page的封装类,实际上我可以把一个页面克隆到另一个页面下面,从而获得更多页面。 你知道我该如何实现这个功能吗? 谢谢!
问题 #3208
使用 GrapesJS 而不使用 NPM?
你好, 在普通主机提供商上使用网页构建器的功能,有没有 NPM 的使用可能?比如Apache或其他解决方案? 谢谢!
问题 #6116
AsDocument 无法如预期工作
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬128 可复制演示链接 https://jsfiddle.net/sammousa/bxgsdc12/11/ 描述一下那个虫子 如何复现这个漏洞?加载一个带有非空 '' 的 HTML 字符串<h...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。