選択項目にリンクが含まれているかどうかを確認してください

Question

リッチテキストエディタを作成していますが、同じボタンを使用して選択項目をリンクまたはリンク解除したいと考えています。

document.execCommand('createLink'...)およびdocument.execCommand('unlink'...)は、ユーザがwindow.getSelection().toString()をリンクおよびリンク解除できるようにします。

しかし、最初に選択がリンクされているかどうかを判断するための組み込みメソッドがないので、私の質問はです。セレクションがリンクされているかどうかチェックするにはどうすればいいですか？

たとえば、document.queryCommandState('bold')が正常に動作しても、かかわらず、私はdocument.queryCommandState('createLink')とdocument.queryCommandState('unlink')を使用して試してみましたが、両方のクエリは常にfalseを返します。

Answer 1

私はSOに周り蹴り、当分の間、十分に機能次のコードを見つけた：

const isLink =() => { 
    if (window.getSelection().toString !== '') { 
    const selection = window.getSelection().getRangeAt(0) 
    if (selection) { 
     if (selection.startContainer.parentNode.tagName === 'A' 
     || selection.endContainer.parentNode.tagName === 'A') { 
     return [true, selection] 
     } else { return false } 
    } else { return false } 
    } 
}