问题：将方块拖入文本方块？
你检查过 [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]]”>FirstName</option> <option value=“[[lastname]]”>LastName</option> <期权价值=“[[年龄...
阅读下方完整回答 ↓问题
这不是bug，而是实现上的问题。如果这里不是提问的合适地方，请告诉我。 我们正在开发一个实现，希望利用 GrapesJS 允许用户创建电子邮件模板。作为实现的一部分，我们正在努力创建邮件合并功能：我们引入了“合并字段”或“占位符”的概念，这些概念将在服务器端用合适的值替换。这意味着我们会发送“组件”的JSON结构，并将其转为服务器端的HTML，并在操作过程中替换值。 举个例子，我们的一个用户可能会输入text： 'Hello <<username>>'，我们会把合并字段'<<username>>'替换成合适的字段。 但我们还没能用这种方式实现，因为我们无法将这些块拖拽到文本块中。我们只能拖着它绕圈子。所以，目前我们用合并字段的“内联块”（'<input type=text only readonly class=mergeField data-isMergefield=1 />'）扩展了 RTE，并在块管理器中创建了带有相同 HTML 的合并字段块。实现一个 DomComponent 类型来识别它，提供了一种配置方法。但感觉不太理想，我们真的很想把合并字段块拖到文本字段的正确位置。 为了实现这一点，我想 GrapesJS 需要能够抓取 textNode，并将其拆分为（至少）两个 textnode 和一个合并字段的标签，但我不确定该从哪里开始。你能建议我们如何实施吗？
回答（3）
你检查过 [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]]”>FirstName</option> <option value=“[[lastname]]”>LastName<...
很可能在下一次发布中，这个功能会上线。 ![可发短信]（https://user-images.githubusercontent.com/11614725/55838123-a8791000-5b23-11e9-8866-c2059a972fc5.gif） 所以“textable”只是另一个属性，这样可以把任何组件丢弃在文本组件里。 以下是上述示例中组件的代码： “''js 定义一个具有“文本”属性的组件 编辑。DomComponents.addType（'var-placeholder'， { 型号：{ 默认值：{ 可文本：1， 占位符：“变量-1”， }, toHTML（） { 返回...
是的，我用过，基本上已经能用了。区别在于我不像你那样使用文本占位符。我实际上是在插入一个块（带有对应的“类型”），以便进一步配置这些占位符（例如，字段可能是Datetime字段，用户可能想配置该日期时间的精确输出格式）。我用HTML5拖放实现了这个功能，效果挺不错的，bút...... 这感觉像是偏离了预期的用户界面。我觉得我应该能把合并字段从“方块”拖到正确的位置。我一直在尝试分拣器来实现这个功能，我现在已经准备好了： ![图片]（http://g.recordit.co/ept73MqtM8.gif） 现在我遇到了一个问题，分拣器非常需要实际的方块对齐，所以我还需要做一些调整。 目前实现...
相关问答
通过相似的问题讨论继续研究。
问题 #5388
运行无头模式时，编辑器返回不同的 HTML
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ ChromeV117.0.5938.62 可复制演示链接 https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hid...
问题 #4837
HTML元素的ID会在projectData加载的不同页面上递增
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 109 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好， 我注意到当我在 projectData 中加载多个 HTML 中使用...
问题 #3579
在放置“activeOnRender”组件后立即打开RTE时丢失了
版本： 0.17.4 你能重现演示中的bug吗？[x] 是的[ ] 不 繁殖步骤：前往[演示]（https://grapesjs.com/demo.html）在画布内放置一个“文本”方块点击刚刚丢弃的“文本”组件打开的RTE丢失了位置（参见[附图]（https://user-i...
问题 #3717
模板不只加载组件
我正在尝试加载一个已有的模板。我认为它应该能支持组件或 HTML，但似乎只能通过 HTML 运行。 以下代码无法使用，但带有相应HTML的代码可以。 着陆页的 JSON 是从开发者工具栏面板取的 “''js const LandingPage = { “html”：null，...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。