#32262021年1月11日作者 chenjingling902 个回答
我怎么控制属性显示在一行还是两行，比如演示版？ ![图片]（https://user-images.githubusercontent.com/46340968/104158854-2ff66000-5429-11eb-8d8d-dc40ff2e3e38.png） ![图片]（https://user-images.githubusercontent.com/46340968/104158859-3389e700-5429-11eb-9825-570f8df6b064.png） 当我将 project grapesjs-preset-newsletter 下载到本地时，也显示了两行填充和边距，这让我很困惑。 事实上，我希望它们能灵...
ClaudeCode
谢谢你举报，@chenjingling90。 关于FEAT：如何在一行中设置4个属性，比如填充、边际的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'...
#32252021年1月9日作者 Abhisheknanda13444632 个回答
你好@artf 我尝试用复选框特性更新样式，但它没有调用函数。 这是代码 非常感谢你能提供的任何见解！ 谢谢
Abhisheknanda1344463
@artf 搞定了，傻乎乎的——错误 移动模型中的初始化函数。 结案
ClaudeCode
谢谢你举报，@Abhisheknanda1344463。 关于如何从复选框特性更新样式？的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'...
#32222021年1月7日作者 bgrand-ch3 个回答
我会手动在渲染组件中添加一个新节点。 视觉效果还可以，但无法保存，因为我的风格不是用自动生成的GrapesJS ID。 要手动解决这个难题，我双击要进入的组件，然后在画布主体中点击外部。然后，将 GrapesJS ID 和 'data-gjs-type='text' 添加到新节点，从而可以保存。 Vue.js： “Main.vue”文件的一部分： “''js 文本编辑器 https://grapesjs.com/docs/api/richtexteditor.html https://css-tricks.com/creating-vue-js-component-instances-programmatically/ const...
bgrand-ch
优化后的“TextEditor.vue”文件： “''js // ... onFontValidate （） { const { rte } = this.getRteData（） const spanNode = document.createElement（'span'） 设 anchorNode = {} this.selection.childNodes.forEach（childNode => { console.log（{ childNode }） if （ch...
bgrand-ch
i️ 它不能直接用 HTML，只能用 JSON。 Component = JSON 节点（html元素 + GrapesJS 数据） “''js addStylesToText （styles， tagName = 'span'） { const inlineStyles = styles.map（style => style.join（'：'））.join(';') + ';' const selectedComponent = this.editor.getSelect...
ClaudeCode
谢谢你举报，@bgrand-ch。 关于新节点添加后如何刷新/重新渲染？的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#32212021年1月7日作者 lebonsavane2 个回答
大家好， 我需要在文本区域里放一个按钮，我该怎么做？是属性需要修改还是别的什么？而且这真的有可能做到吗？ 谢谢你的回复@artf
ClaudeCode
谢谢你举报，@lebonsavane。 关于按键进入文本区的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#32182021年1月5日作者 bgrand-ch4 个回答
我想在“rte.selection（）”周围添加一个带有内联样式的新HTML元素。 以下面的例子来说，HTML还可以，但JSON部分可能不太行： “''js const editorRte = this.editor.RichTextEditor // ... editorRte.add（'fontSize'， { 图标：” <select> <option value=“” 已禁用 已选中>Size</option> <option value=“8px”>8 pixels</option> <option value=“12px”>12像素</option> <option value=“16px”>16像素</option>...
artf
@bgrand-ch，你说的“可能”是什么意思？😅
bgrand-ch
@artf感谢你的快速回复🙂，更新到“0.16.30”后我的问题就解决了。 🎉
bgrand-ch
https://github.com/artf/grapesjs/issues/3069 🤔
#32162021年1月5日作者 tomhatzer4 个回答
你想给GrapesJS添加什么？ 我正在尝试通过资产管理器为图片加载添加“Referer”头。 详细描述你的功能需求详细 我正在开发一个托管在AWS上的页面构建器。为了防止别人热链接我的图片，我实现了AWS WAF，限制图片加载到referer域（我自己的域名）。 当用“.src”程序加载图像时，没有发送referer头，导致图像损坏或无法显示（服务器出现403个错误）。我们可以通过将“refererPolicy”属性设置为“origin”来解决这个问题。更多详情请见此处：https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/referrerPolicy...
artf
正如对PR的回复，如果需要，可以扩展图像组件来实现，而不会破坏对他人的集成。 顺便说一句，当你想添加某个功能时，你应该始终考虑这对他人的使用方式。所以，如果“referrerPolicy”功能提供了更多选项，那么让它可自定义可能更合理，这样新功能也能适用于其他情况（你不能只强制它“origin”，因为它适合你的情况）。
tomhatzer
非常感谢你的建议@artf——我会尝试通过扩展原始组件来完成这件事。祝你有美好的一天！😃
tomhatzer
对于所有遇到iframe无法发送里面内容引用头的人，这里有一个快速且粗略的解决方案。 只需将Canvas iFrame的“src”设置为你想要的域名，并用这个引用器。就我而言，我希望和编辑器显示的网页用的是相同的域名。 在渲染时，'srcDoc' 属性会引路，然后是 'src' 属性。 请注意，在Canvas iFrame加载后设置可能会导致错误，所以可以尝试操作Canvas视图的属性（据我所知，这不直接实现）。
#32152021年1月4日作者 san-1232 个回答
你好， 我创建了Grapejs页面构建器。我有两个链接，一个是 pagebuilder1，另一个是 PAgeBuilder2。两者都被重定向到grpaejs编辑器，并根据ID从数据库加载内容。 当我点击PageBuilder1时，会变成index.html？id=1（从数据库加载已保存内容） 当我点击PageBuilder2时，会显示index.html？id=2（从数据库加载已保存内容） 我的问题是所有页面构建器都加载了同样的内容。 我的代码： Grapesjs.init（{ 展示偏移集：1， noticeOnUnload： 0， 容器：“#gjs”， 身高：“100%”， fromElement： true， storageM...
artf
请按照本指南 https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage
ClaudeCode
感谢你报告，@san-123。 关于远程数据库内容加载问题的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构...
#32132020年12月30日作者 theSC0RP4 个回答
你好，@artf，我有一个自定义组件，带有按钮特性。当按下按钮时，我会用“comp.addTrait（）”动态添加自定义特质。 当我加载已保存的模板时，我希望容器也能显示动态添加的特征。（我用组件加载模板，但动态添加的特征没有显示出来。）我可能哪里做错了？
artf
我通过在组件上加一个计数属性，然后在容器的初始化中添加特征计数时间来实现。 这才是正确的方法。 特征会被故意跳过 JSON，否则你会暂停存储中的组件定义（例如，当你用新特征升级组件时，用户仍会看到旧的特征）
theSC0RP
@artf，谢谢你的回复。这是一条非常宝贵的信息。
theSC0RP
我通过在组件上加一个计数属性，然后在容器的初始化中添加特征计数时间来实现。
#32122020年12月30日作者 Abhisheknanda13444632 个回答
你好@artf 我正在尝试制作一个组件光箱，和Grape Drop一样。 我无法更新图片的原始字符 你能帮我一下吗 这是我目前写的代码 灯箱块 组件- ：
artf
请检查[图像组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/view/ComponentImageView.js）
ClaudeCode
谢谢你举报，@Abhisheknanda1344463。 关于Lightbox组件的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'som...
#32112020年12月29日作者 alemenciones2 个回答
亲爱的，你好： 我想用程序方式把一个组件移动到封装器的首尾，我记得像editor.getWrapper（）.add（editor.selectedComponent（）， {at： 0}）;，但这是从selectComponent添加一个新的克隆， 也许在位置设置触发器“排序器：拖动：结束”？ 你能帮我吗？ 抱歉我的英语不好 ：'）
artf
可能有必要添加一个新的“component.move（desComponent， opts）”方法来应对这种情况，但目前你可以用以下方式实现： “''js const selected = editor.getSelected（）; select.remove（{ temporary： true }）;临时选项可以避免移除与组件相关的样式 editor.getWrapper（）.append（selected， { at： 0 }）; ```
ClaudeCode
谢谢你举报，@alemenciones。 关于如何移动组件的问题非常好。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...