公告:1.设计模式、redis、微信硬件jsapi、java并发等教程持续更新中... 2.本站提供的所有源码都经过测试正常运行,转载请注明出处! 3.友情交换/给本站留言

案例归档:  百度编辑器UEditor定制工具栏案例—实现代码

<%@ 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" style="width:500px;" 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', {
    toolbars: [
    ['fullscreen', 'source', 'undo', 'redo'],
    ['bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc']
]
});
    </script>
  </body>
</html>