UMEditor项目中的引用实例

UMEditor项目中的引用实例

第一步：在demo.jsp里面引入了下面一个jsp，这个jsp里面引入了umeditor的相关js文件。

第二步：这里面是相关的js组件

第三步：submitFormDemo.jsp内容为，引入了上面的组件

第四步：关键的是在这个js里面还引入了很多的js

第五步：我们需要修改里面的baseURL路劲，确保能找到对应的js

第六步：这样子就完成了对umeditor在项目中的引用了。

第七步：在图片上传的时候，涉及到三个文件

    第一个文件：umeditor.config.js

    第二个文件：确保把imageUp.jsp放在项目的根目录下,这样在springmvc中就可以直接用上面的地址访问到了（切记不要放在web-inf目录下）

第三个文件：Uploader.java文件，里面处理了文件的上传

流程总结：

    在页面点击图片上传按钮选择图片

    umeditor.config.js里面的imageUrl就会被访问

    在imageUp.jsp里面引入了Uploader.java

注意的是：

    在umeditor.config.js中的imagePath路劲是页面显示图片的路劲，这里记得图片不要存储在web-inf目录下。我同样也是放在了项目的根目录下的upload文件夹下，由于我们在下面定义了URL是根目录下，所以这里我们就不要写任何的东西，它自己会根绝imageUp.jsp里面返回的json中的url去目录结构下寻找。

    我们要定义umeditor.config.js里面的    UMEDITOR_HOME_URL : URL

    这个是需要在加载编辑器的时候定义就可以了。我们在demo.jsp里面定义了。该项目中我定义在项目的根目录下

为了避免不必要的麻烦：

我们把 UMEDITOR_HOME_URL : URL 定义在项目的根目录下，

把imageUp.jsp这个需要跳转的页面放在根目录下，

把上传后的图片也存在根目录下。

这样我们就可以做最少的修改了。