ueditor-百度可视化编辑器简单使用方法

阅读更多

1、ueditor是百度可视化编辑工具

 

2、ueditor官网地址

    http://ueditor.baidu.com/website/index.html

 

3、开发步逐

    1、在官网上下载最新版本的jsp版本

图1

    2、将下载的压缩文件解压，改文件夹名称为“ueditor”；

    3、创建“ueditorTest”项目，ueditor添加到项目中；

    4、项目目录如下

 图2

    5、将ueditor\jsp\lib目录下的jar复制到项目lib目录下（这里是做后台配置的jar），然后ueditor\jsp\lib可以删除。

    6、创建”ueditorTest.jsp“页面测试

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>



	
	
	
	
	
	
	
	
	


	
    	
	
	
	

   

    效果图：

图3 

    说明：

          1、上传图片、附件、截图存放路径在“ueditor/jsp/config.json”配置，如果没有配置会根据默认配置在工程下自动创建目录；

          2、"ueditor\jsp\controller.jsp"，为ueditor配置项入口；

          3、ueditor\jsp\lib存放后台配置的jar，使用是须将该目录下的jar负责到项目中；

 

5、ueditor使用小心得

      1、实例化时设置一些初始话值

// 实例化编辑器
var ue = UE.getEditor('content',{
	initialFrameWidth :590,//设置编辑器宽度
	initialFrameHeight:400,//设置编辑器高度
	scaleEnabled:false
});

      2、直接赋值

    3、关闭编辑其自动增长，在ueditor.config.js配置文件中将autoHeightEnabled: true 修改为false即可。
                                                                                                图6

    

 

• 
• 大小: 79.1 KB

• 
• 大小: 26.9 KB

• 
• 大小: 30.6 KB

• ueditorTest.zip (3.8 MB)
• 下载次数: 6

• 
• 大小: 73.3 KB

• 查看图片附件