wangEditor - 軽量ウェブリッチテキストエディタ、使いやすく、設定が容易。サポートIE10 +ブラウザ。
- 公式サイト：www.wangEditor.com
- ドキュメント：www.kancloud.cn/wangfupeng/wangeditor3/332599
- 出典：github.com/wangfupeng1988/wangEditor
ソース公式サイト
使用
var E = window.wangEditor var editor2 = new E('#div3') editor2.create()
実行デモ
- ダウンロードソース
git clone [email protected]:wangfupeng1988/wangEditor.git - インストールまたはノードの最新バージョンへのアップグレード（最低
v6.x.x） - ディレクトリに、インストールの依存関係
cd wangEditor && npm i - インストールパッケージの完了後、Windowsユーザーが実行する
npm run win-exampleMacユーザーが実行し、npm run example - アクセスするには、ブラウザを開きlocalhostは：3000 / index.htmlを
- 反応するかのために利用可能VUE のドキュメント関連のプレゼンテーションの「その他」セクションで
ダウンロード
- クリック https://github.com/wangfupeng1988/wangEditor/releasesを 最新バージョンをダウンロードしてください。入力し
release、次を見つけるために、ファイルのフォルダをwangEditor.jsまたはwangEditor.min.jsにします - 使用CDN：//unpkg.com/wangeditor/release/wangEditor.min.js
- 使用
bower：ダウンロードbower install wangEditor（コンピュータがインストールされていることを前提にbower）
通常のHTMLが導入さ：
以下のコード例。任意のCSSファイルを参照することなく次のコードことに注意してください！！！
<！DOCTYPE HTML>
<HTML LANG = "ZH">
<HEAD>
<メタ文字コード= "UTF-8">
<メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0">
<メタHTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ">
<スクリプトSRC = "// unpkg.com/wangeditor/release/wangEditor.min.js"タイプ= "テキスト/ javascriptの"文字セット= "UTF-8"> </ SCRIPT>
<タイトル> </ TITLE>
</ HEAD>
<BODY>
の<divのid = "エディタ">
<P>欢迎使用<B> wangEditor </ b>の富文本编辑器< / P>
</ div>
<スクリプトタイプ= "テキスト/ javascriptの">
のvar E =ウィンドウ。wangEditorの
VARエディタ=新しいE（ '＃エディタ'）
editor.create（）
</スクリプト>
</ BODY>
</ HTML>
あなたはあなたの情報を編集領域の大きさ、高さ、幅などを制御したい場合は、参照 メニュー編集領域を分離し、
モジュール定義を使用します
直接使用にwangEditorのほか<script>参照するだけでなく、サポートAMDおよびCommonJS方法を参照。
AMD
require.js表示する例
まず、作成しmain.jsたシンボルを
require(['/wangEditor.min.js'], function (E) { var editor = new E('#editor') editor.create() }) その後のコードでページを作成します
<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title>wangEditor demo</title> </head> <body> <div id="editor"> <p>欢迎使用 wangEditor 富文本编辑器</p> </div> <script data-main="./main.js" src="//cdn.bootcss.com/require.js/2.3.3/require.js"></script> </body> </html> CommonJS
あなたが使用することができますnpm install wangeditorインストールを（これがあることに注意してくださいwangeditorすべて小文字です）
// 引用
var E = require('wangeditor') // 使用 npm 安装 var E = require('/wangEditor.min.js') // 使用下载的源码 // 创建编辑器 var editor = new E('#editor') editor.create()
vue引入
###editor.vue
### App.vue
Vueのための
あなたが必要な場合wangEditor Vueのは、以下の例で使用するには見つけることができます
- ダウンロードソース
git clone [email protected]:wangfupeng1988/wangEditor.git - ディレクトリにVueの例
cd wangEditor/example/demo/in-vue/、ビューがsrc/components/Editor.vue可能 - また、実行することができます
npm install && npm run dev（実際には、ビューVUEをhttp://localhost:8080/）