[WIP]add link function

[narisada014]

追加したもの

• セレクションを行なった後、リンクボタンを押すと、Link URLをインサートするためのポップアップが表示され、URLをセットすると選択範囲がアンカーに変化する
• ポップアップがセレクションに追従して動くように変更
• エディタ読み込み時に全てのaタグにaddEventListenerでホバー時のURLのポップアップ表示処理を追加する機能
• アンカーを作成した後にaddEventListenerでホバー時のURLのポップアップ表示処理を追加する機能
• URLのホバーをクリックするとLink URLをインサートするポップアップを表示

新たに追加したもの

• 引用内にカーソルが存在する時のEnterを押した時の挙動の修正
• ContentEditableの挙動でh2, h3タグに囲まれているテキストの末尾でEnterを押した時に挿入されるdivをpに変換する処理
• pタグを消してそのpタグより上にあるノードとテキストを結合する際にContentEditableの挙動でspanが挿入される機能の回避処理の追加

まだ追加できていないもの

• unlinkする機能
• popupの選択がactiveになって入ればアイコンの色合いを変更する
• popupがactive状態であればunlink, blockquoteの解除を行う機能
• その他不必要になりそうな箇所の削除やリファクタリング

[y-temp4]

上記処理ですが、以下のような感じで書くのを検討してみてください！

    const targetNodeList = document.querySelectorAll('.target')
    targetNodeList.forEach(targetNode => {
      const anchorElements = targetNode.querySelectorAll('a')
      Array.from(anchorElements, anchorElement => {
        anchorElement.addEventListener('mouseover', this.addHoverEvent)
        anchorElement.addEventListener('mouseleave', this.deleteHover)
      })
    })

[narisada014]

@y-temp4 直します！ありがとうございます！