### v2.1.12 版本及更高版本的設置方法 `v2.1.12`版本開始，編輯器的js代碼可直接`require`編輯器的`css`文件，也可直接使用`npm`中的`jquery`。 詳細的demo代碼可看這里：https://github.com/wangfupeng1988/wangEditor2-width-webpack **使用 npm 環境** 如果你使用`npm install wangeditor --save`安裝了編輯器，并且你的項目中使用了npm作為插件的版本管理工具，那么直接在你使用時`require('wangeditor')` 即可。編輯器已經自動引入了`jquery`和css文件。 如果不使用 npm 你可能會需要考慮以下兩個情況： **修改 css 文件路徑** 編輯器`wangEditor.js`中默認加載的css路徑是`../css/wangEditor.css`，如果你的項目環境中的wangEditor文件目錄，那么這個配置就無需改動。 如果需要改動css路徑，請在**引入wangEditor.js文件之前**，通過修改`window.wangEditorCssPath`來修改，而且要改成**相對路徑**。例如： ```js window.wangEditorCssPath = '../../../css/wangEditor.css' require('../../js/wangEditor.js') ``` **修改 jquery 文件路徑** 編輯器默認情況下會認為你使用了npm生態，所以代碼中直接`require('jquery')`了。但是如果你需要自己修改一下jquery的文件路徑，請在**引入wangEditor.js文件之前**，通過修改`window.wangEditorJQueryPath`來修改，而且要改成**相對路徑**。例如： ```js window.wangEditorJQueryPath = '../../lib/jquery.js' require('../../js/wangEditor.js') ``` --- ### v2.0.16 至 v2.1.11 的設置方法 wangEditor編輯器從`v2.0.16`版本開始支持`webpack`，使用示例如下。 首先，創建一個名為`wangEditor-jquery.js`的文件，和`wangEditor.js`或者`wangEditor.min.js`放在同一個目錄下。 然后，`wangEditor-jquery.js`文件中寫入以下內容： ```js var $ = require('./jquery-2.2.1.js'); // **注意，這里請修改jquery的正確地址，重要！** module.exports = $; ``` 修改完`jquery`的地址之后，保存。這樣wangEditor即可在`webpack`中使用了。例如 `var E = require('./lib/wangEditor.js');`