TipTap のカスタム Vue 拡張機能にデータを渡すためのメソッド

Question

tiptap エディター 内でレンダリングされたカスタム vue コンポーネントにデータを渡そうとしています。 default 属性を渡すことはできますが、それにリアクティブな値を割り当てると機能しないようです。

これは

tiptap-node-extension.js ファイル: リーリー

editor コンポーネントの スクリプト セットアップ 部分: リーリー

および

vue コンポーネント : リーリー

src の default は合格しますが、応答オブジェクト (editor コンポーネントのインストール後に作成される) を割り当てようとすると、 # になってしまいます。 ＃＃未定義＃＃＃。 これは機能します: リーリー

しかし、これはそうではありません:

リーリー

editor

をマウントした後に作成された

vue コンポーネント

にデータを送信するにはどうすればよいですか? ＃＃＃試す：＃＃＃ ああああ

Answer 1

まず第一に、現在のように汎用の VueComponent を使用するのではなく、専用の拡張機能を作成することをお勧めします。その拡張機能に基づいてさらに拡張機能を構築すると、そのタグをめぐって複数の拡張機能が競合することになります。拡張機能に設定したすべてのコードを実際の拡張機能に移動すると、任意のタグ名を設定できます。

問題はここにあると思います: insertContent 次のようになります:

リーリー

コンテンツは

として宣言されています リーリー

あなたの場合、HTML 文字列に src 属性を追加する必要がありますが、JSONContent を使用することをお勧めします。あなたの場合は次のように入力します。

リーリー

ここでのタイプは、設定したコンポーネント名です。

これが理にかなっていて、tiptap に関するドキュメントが充実していることを願っていますhttps:// /tiptap.dev/guide/custom-extensions/#attributes さらにご質問がございましたら、お知らせください。