Cordova 离子4-自定义上下文菜单

Cordova 离子4-自定义上下文菜单,cordova,ionic-framework,cordova-plugins,ionic4,Cordova,Ionic Framework,Cordova Plugins,Ionic4,我正在构建一个具有大量文本编辑功能的Ionic应用程序,我想定制在进行文本选择时出现的上下文菜单(如下所示) 如何将按钮添加到此菜单?可以进一步定制吗?是否可以将此菜单完全切换到用户选择文本时出现的其他自定义HTML菜单 我看过插件cordova插件上下文菜单,但它似乎不是我所需要的(虽然很难说,因为它没有任何屏幕截图,我不确定它是否与我所说的“上下文菜单”相同)。在Angular上有一个解决方案,来自Ben Nadel(他的解决方案值得称赞),这只适用于标记,不适用于输入元素(),要在Ion

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

如何将按钮添加到此菜单?可以进一步定制吗?是否可以将此菜单完全切换到用户选择文本时出现的其他自定义HTML菜单


我看过插件cordova插件上下文菜单,但它似乎不是我所需要的(虽然很难说,因为它没有任何屏幕截图,我不确定它是否与我所说的“上下文菜单”相同)。

在Angular上有一个解决方案,来自Ben Nadel(他的解决方案值得称赞),这只适用于标记,不适用于输入元素(),要在Ionic>V4上使用,请执行以下调整

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

第二步:

在text-select.directive.ts上,用touchend替换mousedown,用touchstart事件替换mouseup

你在这里完成了,这是截图

更新

不幸的是,此文本选择对标记有效,但对输入无效 元素,检查 浏览器兼容性部分


这样地?不,和其他解决方案一样,这似乎是我更喜欢称之为“下拉菜单”而不是“上下文菜单”的解决方案。代码似乎已损坏,因此我无法对其进行测试,但仅从示例来看,很明显,其预期用途位于标题栏中,就像一个下拉菜单,而不是我所指的本机菜单。谢谢,这是我正在寻找的解决方案。如果你想再试一次的话,我还有一个悬赏悬赏来回答一个不同的问题