百度编辑器ueditor使用教程(1)入门部署和体验

2016年08月27日 14:43 | 468次浏览 | 分类: 百度编辑器UEditor

1、下载编辑器

到官网下载 UEditor 最新版:[官网地址] ,选择jsp UTF-8版本,解压到项目工程目录下

2、创建demo文件ueditor.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>百度编辑器ueditor-V型知识库(www.vxzsk.com)</title>
    </head>
  <body>
   <!-- 加载编辑器的容器 -->
    <script id="container" name="content" type="text/plain">
        你好百度编辑器
    </script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="resources/baidu/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="resources/baidu/ueditor/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
  </body>
</html>

3、运行工程项目,在浏览器访问ueditor.jsp页面

如上图百度编辑器默认高度为300px,宽度为1000px。


感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程


上一篇:
^