cordova - Ionic 4 - 自定义上下文菜单

Question

我正在构建一个具有大量文本编辑功能的 Ionic 应用程序，我想自定义在进行文本选择时出现的上下文菜单(如下所示)。

如何向此菜单添加按钮？是否可以进一步定制？是否可以将此菜单完全切换为用户进行文本选择时出现的某些自定义 HTML 菜单？

我见过插件 cordova-plugin-context-menu 但它似乎不是我需要的(虽然很难说，因为它没有任何屏幕截图，而且我不确定它是否相同我正在谈论的“上下文菜单”)。

Answer 1

Ben Nadel 在 Angular 上提供了一个解决方案(感谢他的解决方案 https://www.bennadel.com/blog/3439-creating-a-medium-inspired-text-selection-directive-in-angular-5-2-10.htm )，该解决方案仅适用于标签，不适用于输入元素( https://developer.mozilla.org/en-US/docs/Web/Events/selectionchange )，要在 Ionic 上使用此解决方案> V4做了以下调整，

第 1 步:一般来说，当我们使用 ionic cli 创建指令时，它会将 ref 推送到 app.module.ts，如果您在不同页面上使用指令，请从 app.module.ts 中删除该指令并包含在您的 component.module.ts

第 2 步:

在 text-select.directive.ts 上，将 mousedown 替换为 touchend，将 mouseup 替换为 touchstart 事件。

你已经完成了，这是屏幕截图

更新

Unfortunately this text selection works on tags but not on the Input elements, check https://developer.mozilla.org/en-US/docs/Web/Events/selectionchange Browser compatibility Section