Как я могу открыть модал по щелчку по ссылке вместо ql-tooltip и установить URL-адрес пользовательского поля ввода в значение href? Есть ли способ сделать это?

Question

Я хочу открыть пользовательское модальное окно по щелчку инструмента ссылки, и в этом модальном окне будет несколько полей выбора, таких как A, B. Если я выберу опцию A, то в соответствии с выбранной опцией мы получим нужные данные во второе поле выбора под названием B. Затем я выберу опцию B и получу URL-адрес непосредственно из выбранной опции B, а затем хочу вставить этот URL-адрес как

Пожалуйста, посмотрите код ниже:

const toolbarOptions = [
	[{ header: [1, 2, 3, 4, 5, 6, false] }],
	['bold', 'italic'],
	[{ align: 'center' }, { align: 'right' }],
	[{ list: 'ordered' }, { list: 'bullet' }],
	['link'],
	['clean'],
];

const modules = {
	toolbar: toolbarOptions,
};

const formats = [
	'bold', 'italic',
	'align',
	'link',
	'list', 'bullet',
];

<ReactQuill
	modules={modules}
	formats={formats}
/>

Я хочу модальный как этот скриншот при щелчке инструмента ссылки, а затем при модальном клике кнопки сохранения должен быть создан URL:

В настоящее время его изображение выглядит следующим образом: