功能:在样式管理器中为属性列表数组添加选项
我相信你可以把构建道具从属性列表中移出,仍然能实现你想要的功能,内置的Flex Box相关属性只有在组件带有“display: flex”时才会显示。还需要注意的是,“buildProps”只是输入的预设,不能嵌入到其他输入中,也就是属性列表 “''js { 名称:“布局”, 开启:真, buildProps: ['display', 'direct', 'align-content', 'align-items', 'align-items', 'align-self', 'justify-content', 'justify-items', 'justify-self'], 性质:[ { 类型:“无线电”, 属性:“显示”,...
阅读下方完整回答 ↓问题
你好, 我怎样才能在属性列表中添加buildProps,使得当选择某个选项时,该选项的属性会显示出来 这是我在flex属性上想要实现的目标示例。 “JavaScript { 名称:“布局”, 开启:真, buildProps: ['display'], 性质:[ { 类型:“无线电”, 属性:“显示”, 列表:[ { 标题:“区块”, 名称:'<span class=“material-icons”>calendarviewday</span>', 值:“方块”, }, { 标题:“Flex”, 名称:'<span 类=“material-icons”>calendarviewweek</span>', 值:“flex”, buildProps: ['direction', 'align-content', 'align-items', 'align-self', 'justify-content', 'justify-items', 'justify-self'], }, { 标题:“格子”, 名称:'<span class=“material-icons”>gridon</span>', 值:“网格”, }, { 标题:“直联版”, 名称:'<span class=“material-icons”>padding</span>', 值:“inline-block”, }, {...
回答(4)
我相信你可以把构建道具从属性列表中移出,仍然能实现你想要的功能,内置的Flex Box相关属性只有在组件带有“display: flex”时才会显示。还需要注意的是,“buildProps”只是输入的预设,不能嵌入到其他输入中,也就是属性列表 “''js { 名称:“布局”, 开启:真, buildProps: ['display', 'direct', 'align-content', 'align-items', 'align-items', 'align-self', 'justify-content', 'justify-items', 'justify-self'], 性质:[ {...
谢谢。我试过了,但网格属性不起作用。可能得手动实现,但不确定怎么最好地处理这个问题。
网格属性没有“buildProps”,所以你得从头开始构建,遗憾的是文档里关于自定义属性的信息不多,你可能得从API参考里拼凑起来 https://grapesjs.com/docs/api/style_manager.html#stylemanager
谢谢你举报,@server102。 感谢你分享关于FEAT:在样式管理器中为属性列表数组添加选项的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。
相关问答
通过相似的问题讨论继续研究。
问题 #3123
功能:在样式管理器中为显示选择器添加“inline-flex”
你想给GrapesJS添加什么? 显示风格“内联弹性”。 描述: 目前,样式管理器的显示选择器只有“flex”作为选项,但与“block”和“inline-block”一样,有“inline-flex”是有用的。 当我尝试用这个(破解?)手动添加时: 我能得到结果,但有很多由“...
问题 #6458
Sector.setName 不工作
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://jsfiddle.net/qbpodnm4/ 描述一下那个虫子 如何复现这个漏洞? 在画布中选择一个组件。 访问风格管理器,检查“General”是否被...
问题 #3596
价值无法逃避
GrapesJS 代码存在 XSS 问题,因为值插入 DOM 时不会逃逸,例如 https://github.com/artf/grapesjs/blob/dev/src/assetmanager/view/AssetImageView.js#L30 如果“model.getF...
问题 #3534
NPM 运行构建错误
NPM 运行构建 0.17.3 @version 会报错../../src/editor/dist grapes.min.js/中的/lib/codemirror../css/css 在 ./src/editor/dist/grapes.min.js../javascript/...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。