问题:性状
嗨,Freddy,在这种情况下你可以简单地扩展图像分量 “''js 编辑。Components.addType('image', { 型号:{ 默认值:{ 特质:[{name: 'alt'}, {name: 'src'}, {name: 'id'}] } } }); ```
阅读下方完整回答 ↓问题
你好@artf——你建造的东西非常壮观。这过程很温和,因为我远非JS高手。不过,我几乎所有配置都完成了——除了这个! 我想设置在选择图片时显示的特征(alt、src、id)。我相信初始化时可以完成一次,但我真不知道怎么做。我已经读遍了所有能找到的相关内容,但仍然卡住了。 我唯一让它工作的方法如下...... 另外——开箱结版的“Alt”排在前面,我真的很希望它排在“src”之后。我不知道怎么去除它,因为“removeTrait()”似乎不起作用。 虽然我的解决方案有效,但我很想知道应该怎么做。 非常感谢!
回答(2)
嗨,Freddy,在这种情况下你可以简单地扩展图像分量 “''js 编辑。Components.addType('image', { 型号:{ 默认值:{ 特质:[{name: 'alt'}, {name: 'src'}, {name: 'id'}] } } });
谢谢你举报,@fmay。 关于问题:特质的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console.log('component ready', c...
相关问答
通过相似的问题讨论继续研究。
问题 #5346
删除组件而不删除其对应样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 最新版本的Chrome浏览器 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞? <img width=“1665” alt=“im...
问题 #6040
无法读取未定义的属性(读取“lastComponent”)
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 127.0.6533.89(官方构建)(64 位) 可复制演示链接 描述一下那个虫子 请检查此事。selectern的值未定义。我在React里用它,结果出现了错误异常。 /*返回所选组件的...
问题 #4851
This.on('change:attributes:type', this.handleTypeChange)不支持数组类型
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 108.0.5359.125可复制演示链接 https://codesandbox.io/s/frosty-darkness-7po7xl描述一下那个虫子 如何复现这个漏洞?使用 myB...
问题 #3779
Editor.getSelected().toHTML() 编码内联 JavaScript
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 最新款(镀铬)可复制演示链接 https://jsfiddle.net/4j1k0wde/24/描述一下那个虫子 如何复现这个漏洞?创建带有脚本标签的方块。使用 'editor.getSelected...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。