仅在按下“确定”按钮时创建链接
1 - 我如何在“demo newsletter editor”中检查richTextEditor的“链接”操作实现,以便复现?因为如果模态未提交就关闭,链接就不会被创建。 那个模态来自CKEditor2-为什么 richTextEditor.exec('createLink', 'new');或者 rte.insertHTML(<a class=“link” href=“”>${rte.selection()}</a>)如果放在按钮点击事件上,就不会导致创建链接?所以如果这两个命令只在按键(modal的许可)时执行,链接就不会被创建。 可能是因为你从组件中脱离了焦点,事实上你说的“链接在模态打开前就已经创建”,实际上是因为你在链...
阅读下方完整回答 ↓问题
大家好, 我覆盖了富文本编辑器默认的“链接”操作子: <img width=“1274” alt=“截图 2018-08-13 1:58 43 pm” src=“https://user-images.githubusercontent.com/28840780/44027999-2788cfaa-9f01-11e8-9f5e-e24d3ced19ed.png”> 点击后,会打开一个模态,用户可以添加所需的URL、文本显示和目标并提交。 类似于现在在“demo newsletter editor”上用“grapesjs-plugin-ckeditor”实现的类似的实现。 <img width=“1275” alt=“截图 2018-08-13 下午1:56 45” src=“https://user-images.githubusercontent.com/28840780/44028062-57f71a34-9f01-11e8-980a-2e846b70dce0.png”> 我尝试了以下问题中建议的相同实现方法: [第610期](https://github.com/artf/grapesjs/issues/610) [试试这里](https://jsfiddle.net/gwojsok7/3) 这种实现的问题在于链接在模态开启之前就已创建,这对用户体验来说并不最优;即使用户关...
回答(3)
1 - 我如何在“demo newsletter editor”中检查richTextEditor的“链接”操作实现,以便复现?因为如果模态未提交就关闭,链接就不会被创建。 那个模态来自CKEditor2-为什么 richTextEditor.exec('createLink', 'new');或者 rte.insertHTML(<a class=“link” href=“”>${rte.selection()}</a>)如果放在按钮点击事件上,就不会导致创建链接?所以如果这两个命令只在按键(modal的许可)时执行,链接就不会被创建。 可能是因为你从组件中脱离了焦点,事实上你说的“链接在模...
好的,谢谢你的快速回复@artf 如何让注意力集中在RTE上?
你需要捕捉触发模糊的事件,并调用“stopPropagation”。点击工具栏本身就是这样保持 https://github.com/artf/grapesjs/blob/dev/src/rich_text_editor/index.js#L82
相关问答
通过相似的问题讨论继续研究。
问题 #1014
让预览模式记住是否应该恢复可见性模式
目前,当你启用预览模式后再关闭时,即使可见性模式已经关闭,它也会自动开启可见性模式。这确实挺让人烦恼的。 我想创建一个PR来解决这个问题,但也需要你的建议,因为我不太明白你用Backbone时该怎么正确操作。 在“commands/view/Preview.js”中,你的“停止...
问题 #1369
一个模块的类别不总是在类别部分显示
大家好, 我添加了许多自定义块,并为这些块中的所有图片赋予了相同的 css 类。暂且称之为“图像类”。当我拖拽其中两个方块,并在其中一个方块中选择一张图片时,“image-class”类一开始不会显示,点击右侧面板的类部分。只有当用户点击第二张图片时才会显示。 你可以在下面的图...
问题 #970
视频块 - 交换提供商
大家好, 我注意到,当你拖放视频块并在添加任何网址之前,如果你更换了服务商(选择YouTube或Vimeo),控制台上会弹出错误,而屏蔽功能正常时。 如果你选择YouTube,会收到以下错误信息: <img width=“1280” alt=“截图 2018-03-21 下午3...
问题 #997
模态无法滚动
大家好, 我注意到如果屏幕大小小于模态高度,模态会被裁剪,用户无法滚动到模态底部,换句话说,模态的一部分会变得无法访问。 附图展示了图像块模态的裁剪方式(模态中有一小部分可滚动(图片列表),但这里我说的是整个模态) <img width=“1279” alt=“截图 2018-...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。