javascript - Vue に HTML (css/js を含む) をモジュールとして導入する方法

Question

コードフレームワークはvue webpackノードです

Vueで書いたページにマークダウンプラグインのeditor.md https://github.com/pandao/edi... をモジュールとして導入したいです

ただし、editor.md は npm 経由でインストールできません

editor.md プラグインの HTML コード:

リーリー

効果は次のとおりです:

これを vue 実装ページにモジュールとして入れたいのですが、やり方がわかりません

Answer 1

同様のサードパーティのプラグインは、次の方法で vue コンポーネントに整理できます:

リーリー

インスタンス化後、インスタンスによって提供されるメソッドをリッスンし、$emitそれをユーザーに提供し、内部プロパティなどを取得するための get メソッドを提供します。

具体的な実装については、vue-ueditor、vue-echarts類似のものを参照してください。

使用方法:

リーリー

Answer 2

私の具体的な実装:
まず、editor.md (github で入手可能) に必要な依存関係を /static/editor.md/ ディレクトリに置きます

MainEditor.vueコンポーネントコード:

リーリー

/static/editor.md/css/editormd.min.cssはhtmlで別途導入する必要があります

vue コンポーネントのアドレス (vue-ueditor を模倣): https://github.com/LaveyD/vue...