Ionic 4 - настройка контекстного меню

Question

Я создаю приложение Ionic с интенсивным редактированием текста, и мне хотелось бы настроить контекстное меню, которое появляется при выборе текста (показано ниже).

Как добавить кнопки в это меню?Можно ли настроить его еще дальше?Можно ли полностью отключить это меню для какого-то пользовательского HTML-меню, которое появляется, когда пользователь делает выделение текста?

Я видел плагин cordova-plugin-context-menu, но, похоже, он небудь тем, что мне нужно (хотя трудно сказать, потому что на нем нет скриншотов, и я не уверен, что это то же самое «контекстное меню», о котором я говорю).

Answer 1

На 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:

On text-select.directive.ts замените mousedown touchend, а mouseup - событиями touchstart.

Вы сделали вот скриншот

UPDATE

К сожалению, этот выбор текста работает на тегах, но не на элементах ввода, отметьте https://developer.mozilla.org/en-US/docs/Web/Events/selectionchange Раздел совместимости браузера