在JavaWeb中使用wangEditor3简单案例

曲终人散or

于 2017-09-18 20:34:32 发布

阅读量7.5k

点赞数 2

分类专栏： java 文章标签： java web 文本编辑 javascript

本文链接：https://blog.csdn.net/qq_27483461/article/details/78023425

版权

本文介绍了如何在JavaWeb项目中集成wangEditor3，包括编辑器的特性、下载安装、引入页面以及简单的示例展示，帮助开发者快速上手使用。

摘要由CSDN通过智能技术生成

介绍

wangEditor是一款基于javascript和css开发的 Web富文本编辑器，有轻量、简洁、易用、开源免费等优点。
官网：www.wangeditor.com
文档：www.kancloud.cn/wangfupeng/wangeditor3/332599
源码：github.com/wangfupeng1988/wangEditor
下载链接：github.com/wangfupeng1988/wangEditor/releases

开始

1.新建项目（使用的是struts2，配置不再赘述），将下载好的wangEditor包解压放入项目根目录

这里写图片描述

2.新建index.jsp页面将工具包中 release 文件夹下的 wangEditor.min.js或 wangEditor.js 引入到jsp页面中。index.jsp如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor demo</title>
    <script src="${pageContext.request.contextPath}/js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <form action="sys.action" method="post" id="form">
    <div <