Disabled to access to a link without attaching http protocol

This is due to ToastUI editor treating links as relative if they don't explicitly include http(s)://. Workarounds are either a) offer some type of UI/UX to hint that a fully qualified domain is required or b) override the query event to handle link popups and insert http(s):// if not present.

Inspired by the comment https://github.com/nhn/tui.editor/issues/1256#issuecomment-1614408477, you can implement this like so:

const editor = new Editor(...);

editor.eventEmitter.removeEventHandlerWithTypeInfo('query');
editor.eventEmitter.listen('query', (query, payload = {}) => {
    if (query === 'getPopupInitialValues' && payload.popupName === 'link') {
        const range = instance.getSelection();
        const info = instance.getRangeInfoOfNode(Math.floor((range[0] + range[1]) / 2));
        if (info.type === 'link') {
            instance.setSelection(...info.range);
            let link = window.getSelection().getRangeAt(0)
                .commonAncestorContainer.parentElement;
            link = link.closest('a') || link.querySelector('a') || link;
            const linkUrl = link.getAttribute('href');
            return {
                linkUrl:
                    linkUrl.startsWith('https://') ||
                    linkUrl.startsWith('http://')
                        ? linkUrl
                        : 'https://' + linkUrl,
                linkText: link.innerText,
            };
        } else {
            return {
                linkText: instance.getSelectedText(),
            };
        }
    }
});

Demo

https://github.com/nhn/tui.editor/assets/6005240/9e9cd142-081a-4868-a77f-e398ee08aa6e

nhn / tui.editor

Disabled to access to a link without attaching http protocol #3120

Describe the bug

To Reproduce

Expected behavior

Desktop (please complete the following information):

Demo