GrapesJS 问题

artf

你检查过 [API-Rich-Text-Editor]（https://github.com/artf/grapesjs/wiki/API-Rich-Text-Editor）吗？你可以添加类似的自定义动作 “''js 编辑。RichTextEditor.add（'custom-vars'， { 图标：“<select class=”gjs-field“> <option value=“”>- 选择 -</option> <option value=“[[firstname]...

artf

很可能在下一次发布中，这个功能会上线。 ![可发短信]（https://user-images.githubusercontent.com/11614725/55838123-a8791000-5b23-11e9-8866-c2059a972fc5.gif） 所以“textable”只是另一个属性，这样可以把任何组件丢弃在文本组件里。 以下是上述示例中组件的代码： “''js 定义一个具有“文本”属性的组件 编辑。DomComponents.addType（'var-pla...

mathieuk

是的，我用过，基本上已经能用了。区别在于我不像你那样使用文本占位符。我实际上是在插入一个块（带有对应的“类型”），以便进一步配置这些占位符（例如，字段可能是Datetime字段，用户可能想配置该日期时间的精确输出格式）。我用HTML5拖放实现了这个功能，效果挺不错的，bút...... 这感觉像是偏离了预期的用户界面。我觉得我应该能把合并字段从“方块”拖到正确的位置。我一直在尝试分拣器来实现这个功能，我现在已经准备好了： ![图片]（http://g.recordit.co...

artf

@HarshOB我不明白问题出在哪里。你试过直接拖动另一个输入吗？

HarshOB

是的，我试过了，但没用。比如我想在一个标签前面放两个文本框，就像下面图片所示，我想在同一标签“TOKEN”下做两个文本框。 ![截图来自2017-11-09 17-13-33]（https://user-images.githubusercontent.com/28950214/32606056-d6b513ba-c579-11e7-8ceb-bf19d6730084.png）

artf

#477的复制品

artf

@HarshOB 你查过维基里关于[特质]（https://github.com/artf/grapesjs/wiki/Traits）的资料吗？我在那里解释了如何添加复选框输入以及如何应对它们的变化。如果不清楚，你能指出我应该补充什么吗？

HarshOB

这里我再用截图解释一次。你可以看到，在一个复选框下有两个文本字段。所以，当我点击复选框/勾选那个复选框时，这两个输入字段会被启用（我希望它第一次加载时能禁用）。 ![截图来自2017-11-09 17-13-33]（https://user-images.githubusercontent.com/28950214/32605877-2f792bfe-c579-11e7-8db9-1efec4a6eee5.png）

artf

不，这不是内置特征能做到的，但你可以通过扩展[默认的]（https://github.com/artf/grapesjs/blob/dev/src/trait_manager/view/TraitView.js）来定义自己的类型（甚至可以包含所有输入）

Geczy

你可以在 http://grapesjs.com/demo-newsletter-editor.html 上复制 我的问题在这里有描述 https://github.com/artf/grapesjs/issues/341 https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserHtml.js#L145

Geczy

就我而言，最好不要去掉“<span>'，而是保留在HTML里。为什么要移除它？ 要注意以下情况： '''html <p style=“font-size：12px;”><span style=“font-size：50px;”>嗨</span>，嘿</p> ``` 解析器之后的预期输出应该是什么？ Hi应该是50像素，嘿应该是12像素。这就是为什么HTML解析器不应该移除跨度

artf

我同意你的看法，Matt，确实，正如前面提到的，我也想把它移除，但需要找时间测试，确保它没有破坏其他东西。 我以#341为结尾

artf

你可以使用Assets文档中的代码 “''js 扩展原有的“形象” 编辑。AssetManager.addType（'image'， { 浏览量：{ onRemove（e） { e.stopPropagation（）; const model = this.model; confirm（'你确定吗？'） & model.collection.remove（model）; } }, }) ``` 把它放进插件里，否则它不会对已经定义好的图片生效

ateshuseyin

@artf 谢谢

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

artf

如果你把CSS作为远程资源加载，这种行为是正确的。针对你的情况，一个变通方法是通过 ajax 加载 CSS，然后用 'editor.addComponents（<style>'${cssText}</style>''' 添加结果

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

artf

使用存储事件（你可以在这里找到完整的事件列表：[API Editor]（https://github.com/artf/grapesjs/wiki/API-Editor）） “''js editor.on（'storage：store'， res => { // ...做点事 }) ```

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

tomichal

我查看了 https://github.com/artf/grapesjs-blocks-basic 插件，发现我遇到的问题似乎来自那里，即插件没有使用grapesjs编辑器的“stylePrefix”''配置设置，尽管最初是从编辑器里获取的： https://github.com/artf/grapesjs-blocks-basic/blob/22d7799d7ecfccd55da67035acb797c8e7f86ccd/src/index.js#L4 在编辑器获得“s...

artf

你好@tomichal看起来你已经准确知道问题出在哪里了。 我结束这篇文章，转而支持 https://github.com/artf/grapesjs-blocks-basic/issues/2

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

artf

@mekamleshk那个按钮被移除了，你也可以在这里查看 http://grapesjs.com/demo-newsletter-editor.html

mekamleshk

@artf 我知道你之前已经移除了它，但我之前用它作为弹出窗口来保存模板到数据库。 是因为它完全脱离了框架吗？

artf

它从来不是框架的一部分，只是我用来定制的一个面板 https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html

artf

你说的是哪款弹窗？内置模态？

perfect-coders

我用 Grapejs 做了一个自定义弹窗，然后在元素点击时打开。所以我想让用户点击元素时，会弹出一个窗口，并且默认选择了弹出窗口。 现在发生了什么，我在点击链接元素时打开弹出式元素，弹出式元素会显示，但控件仍然在链接元素上，我想把控制项移到弹出式 div 上。

artf

如果是你自定义的弹窗，我觉得你自己负责管理焦点