kindeditor使用的关键点 -凯发k8网页登录

在页面使用kindeditor编辑器时，有以下步骤:

    [1]下载kindeditor压缩包       

    下载地址 ：http://kindeditor.googlecode.com/files/kindeditor-4.1.9.zip

    [2]在项目中引入kindeditor文件夹,如下图：

    [3]在页面中如edit.jsp中引入kindeditor.js

   

   
   

    [4]创建一个textarea，如下：

         内容*
                   
                         id="pcontent" name="pcontent" rows="60"
                        style="width:90%; margin:0 auto; background:url(/uploads/image/za21i/biaodan/textarea_bg.gif)                             repeat-x #fff; border:1px solid #cdcdcd; overflow:auto;">
                        
         

    [5]在页面加载完成后，出事后编辑器

    至此，kindeditor就能生效了。
    如果运行正常，效果如下：
   
      但是，如果你不是用php开发系统的话，那么，你的图片上传是不能使用的，因为kindeditor中默认的使用的是php作为action。
    下面说明文件上传的配置：(以jsp开发为例)
    [6]在plugin/image.js中修改，上传处理的action路径

    找到选中的部分

替换成：

这样就是用jsp/upload_json.jsp来处理文件的上传。

        [7]配置上传文件路径

打开jsp/upload_json.jsp文件,找到如下位置：

配置为你对应的目录即可,注意文件保存路径和访问路径的一致性。
当然，这个目录需要在context下面，注意路径就可以了。

    
    图片上传功能，其实不用配置也可以实现，就是在编辑器初始化时，直接设置，如下：

  kindeditor.ready(function(k) {
                window.editor = k.create('#pcontent',{
                    uploadjson:'../common/kindeditor/jsp/upload_json.jsp',
                    filemanagerjson:'../common/kindeditor/jsp/file_manager_json.jsp',
                    allowfilemanager : true
                });
        });
根据需要配置upload_json.jsp中的文件的文件上传路径，如果用默认的，需要在应用的根目录下面创建attached目录。
如果配置量文件上传的路径，需要注意upload_json.jsp和file_manager_json.jsp两个文件中配置的一致性。

|----------------------------------------------------------------------------------------|
                           凯发k8网页登录的版权声明  凯发k8网页登录的版权所有 @zhyiwww
            引用请注明来源 http://www.blogjava.net/zhyiwww   
|----------------------------------------------------------------------------------------|