💭
ヘッドレスWysiwygエディタTiptapにLinkクリックで表示されるウィジェットを追加する
やりたいこと
Tiptapのリンクプラグインがどうにも使いにくいのでどうにかしたい。
リンクを設定したらリンク先が正しいかをクリックして確認したいが、openOnClickオプションtrueだとシングルクリックでリンク先を開いてしまって編集したいときに誤爆する。
StackBlitz
リンクをクリックするとopen_in_newアイコンが表示されて、アイコンをクリックすると別タブでリンクを開きます。
これなら誤爆しない。
参考にした情報
Tiptapと同じProseMirrorベースのMarkdownエディタであるMilkdownを参考にしました。
トップページに置いてあるサンプルが完成イメージと一致していた！
widgetの中身をtemplateタグに書いて読み込めるとメンテしやすくなるんだが、それはまた別の機会に調査する。
Discussion