插入/编辑链接很难

Question

你只能把它们插入特定位置，而且让它们“内嵌”是不可能的。我说的“内联”是指;我正在写一行文字，我想在上面放一个链接，并用高亮的词语作为链接，然后继续写那行的话语。这是非常典型的操作，但 GrapesJS 就是不让我这么做。

一旦你真的被丢弃了，编辑就很难真正编辑它们。你必须掌握双击再点击的时机，才能进入编辑模式。我无法想象给用户那样的服务。

我打算放弃，完全禁用我的项目中的链接，因为我用的是邮件预设，目标文档是邮件，我打算依赖典型邮件客户端让链接可点击的功能。我希望这件事能在不久的将来解决。我理解这可能是个难题。

ryandeba · Accepted Answer

你好，@duskhacker， 我同意链接插入/编辑没有我想象的那么直观，目前正在通过插件进行定制。这是我正在做的事情的简要概述，如果你感兴趣告诉我，我可以提供代码（目前它埋藏在一个插件里，还有许多其他自定义功能，所以我需要做些工作来筛选出来）：链接编辑通过自定义模态完成，而非组件设置通过RTE工具栏创建新链接（点击“链接”按钮），模态立即出现，允许你配置链接选项（href、标题、内容）你也可以双击已有的链接来打开模态。这在某种程度上妨碍了启用RTE，但我认为这是个公平的权衡，因为你可以从模态中编辑链接内容或文本。该模态提供了更用户友好的方式来创建不同类型的链接（mailto、自定义URL、预定义链接、锚点）我也禁用了所有链接的默认特征（可能会用自定义的“编辑链接”按钮替代......还不确定），所以只有一种方式可以更改链接属性

artf · Answer

你好@lahdekorpi我觉得这种方式应该可行 “''js 结果：rte => { 使用自定义属性以便以后找到该组件 rte.insertHTML（'${rte.selection（）}'）; const sel = editor.getSelected（）;获取当前选择的文本组件 sel.once（'rte：disable'，（） => { const toSel = sel.find（'[data-selectme]'）[0];找到可以选择的企业网 const attr = toSel.getAttributes（）; delete attr['data-selectme']; toSel.setAttributes（attr）;移除自定义属性 toSel.set（'可选'，true）;确保组件可选择 editor.select（toSel）; }); sel.trigger（“禁用”）;禁用当前组件的编辑（这也会触发解析器） }, ```

artf · Answer

@YevhenShashnin更新了示例，因为RTE的启用/禁用功能变得异步。

插入/编辑链接很难

问题

回答（3）

相关问答

：改进并修复绝对拖拽模式

自定义组件样式在删除和重新添加后不会被应用

I18n 功能

符号在逐步加载页面时会断裂（实例丢失__symbol链接）

与此问题匹配的付费插件

浏览插件分类