vue3.0 + ueditor

同社は、メールテンプレート(スケーラビリティ、それのためのリッチテキストテンプレート)を送信する必要があり、需要を持っています

 

リッチテキストについて、またサポートのいくつかの素晴らしいVUEを見つけることが、完全に機能していなかったBaiduの

 

とにかく、このシステムは、独自の人々が使用されている、それは色の値を重要ではありません。

 

vue2.0 + ueditorについて元を参照してくださいする必要がある場合がありますhttps://juejin.im/post/5c6e78f95188252f30483be3


注:私はvue3.0 + ueditorのこの機能への参照を作りました

ステップ1:ダウンロードUeditor関連の静的ファイル


 

ダウンロード中、インストール、小さな手がアイドルせてはいけませんvue-ueditor-wrap

I-VueのNPM ueditorラップ-D

 

ステップ2:変更ueditorとプロジェクトの導入

ueditorパッケージをダウンロードし、解凍した後、バージョン番号と名前で、シンプルに見えるためには、そのようなUEditorとして、目に喜ば見て名前を変更している可能性が

 

公開ファイルと完全には成功した私たちのプロジェクトを投げる直接UEditorファイルの名前の変更を完了した抽出

 

注:このプロジェクトは、VUE-cli3.0の話すためにわずかに異なる時間とVUE-cli2.0の割り当てです

vue3.0は、静的なドキュメントはありませんが、公共があり、それはすべてのUEditorに公共入れます

 

第三段階:VUEプロジェクト構成を入力してください

ここまで、我々は50%成功しています

 

今クライマックスはああ来ます

 

あなたが使用したいコンポーネントまたはページの導入をVUE-ueditor-ラップ

 

1、輸入  VueUeditorWrap  から  'VUE-ueditorラップ'

コンポーネントを登録することを忘れないでください。

2、コンポーネント:  {
  VueUeditorWrap
}
 
ページの呼び出し:
3、< VUE-ueditorラップ  Vモデル= "値":設定= "MYCONFIG " > </ VUE-ueditorラップ>
 

コンフィグCI VUE-ueditorラップを呼び出すために、独立したが、別途ページで提供して配置します

データ(){ 
  リターン{ 
    値:「これは、のVUE-ueditorラップ私に電話する場合は」、
    MYCONFIG:{ 
      //エディタが自動的に高いコンテンツがままありません
      autoHeightEnabled:偽、に
      //初期コンテナの高さ
      initialFrameHeight:240、
      //最初のコンテナ幅
      initialFrameWidth:「100%」、
      //ファイルインタフェースをアップロード(私は、このアドレスが構築された私たちの経験一時ファイルインターフェース機能の利便性のためであるアップロード本番環境では使用しないでください!!!)
      SERVERURL:「HTTP://35.201 .165.105:8000 / controller.php」、
      ストレージ・パス// uEditorリソースファイル、あなたは通常、このオプションを設定する必要はありません、VUE-CLI-生成されたプロジェクトを使用している場合は、VUE-ueditorラップは、自動的に一般的な状況を処理し、 FAQは2以下を参照して、特別な構成を必要とする場合
      UEDITOR_HOME_URL: '/ UEditor /' 
    } 
  } 
}

  

UEditorは、構成ファイルを変更するueditor.config.jsにはUEDITOR_HOME_URL
 

 

 

何の難病は、表示されないページを開く場合はここで、あなたは友人をblingblingリッチテキストを見ることができるはずは間違いありません
 

画像アップロード機能は、バックエンドの構成で必要と、私たちは、この点に、再びよりを待ち続けていません

あなたはどんな質問がある場合は、あなた自身の百度ハッハッハ

 

おすすめ

転載: www.cnblogs.com/tongjiaojiao/p/11737197.html