使用webpack

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来修改，而且要改成相对路径。例如：

window.wangEditorCssPath = "../../../css/wangEditor.css"
require("../../js/wangEditor.js")

修改 jquery 文件路径

编辑器默认情况下会认为你使用了npm生态，所以代码中直接require("jquery")了。但是如果你需要自己修改一下jquery的文件路径，请在引入wangEditor.js文件之前，通过修改window.wangEditorJQueryPath来修改，而且要改成相对路径。例如：

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文件中写入以下内容：

var $ = require("./jquery-2.2.1.js");  // **注意，这里请修改jquery的正确地址，重要！**
module.exports = $;

修改完jquery的地址之后，保存。这样wangEditor即可在webpack中使用了。例如 var E = require("./lib/wangEditor.js");