• 所有问题

    • jsp 页面怎么用富文本编辑器

    如题所述

    举报该问题
    推荐答案   2017-12-01
    jsp使用富文本编辑器可以参考如下:
    对于一些刚入门的程序员来说，在一些实际的开发中可能会用到编辑器，那么如何在JSP页面中嵌入并使用编辑器（本文以百度的UEditor编辑器为例），以下是具体的操作流程：
    第一步

    首先要到UEditor官网下载不同版本的编辑器，用户可以根据自身的需求进行下载，本文操作所需要的是JSP版本，UEditor下载如图所示：
    UEditor编辑器下载地址：http://ueditor.baidu.com/website/download.html

    下载完成后进行解压缩到任意文件夹，包中的内容如下图：

    另附上几个编辑器的下载地址：
    1.KindEditor：http://kindeditor.net/down.php
    2.xhEditor：http://xheditor.com/download.html

    3.TQEditor：http://www.e512.net/tqeditor/download.htm

    第二步
    在Eclipse中新建Dynamic Wen Project，并在WebContent下新建文件夹，命名为UEditor，把刚解压的文件复制到该文件夹，结构如图所示：

    需要注意的是，要把编辑器所需的jar也导入到WEB-INF下的lib中：

    第三步
    经过以上配置，基本上已经把相应的环境配好了，接下来就是要写一个jsp页面进行展示，为了演示需要，在这里把index.jsp作为演示页面。
    打开index.jsp页面，导入对应的js和css样式，代码如下：

    [html] view plain copy
    <%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>百度UEditor编辑器</title>
    <script type="text/javascript" src="UEditor/ueditor.config.js"></script>
    <script type="text/javascript" src="UEditor/ueditor.all.js"></script>
    <link rel="stylesheet" href="UEditor/themes/default/css/ueditor.css">
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8"
    src="UEditor/lang/zh-cn/zh-cn.js"></script>

    <style type="text/css">
    div {
    width: 100%;
    }
    </style>

    </head>
    <body>
    <textarea id="container" name="container"
    style="width: 800px; height: 400px; margin: 0 auto;"></textarea>
    <script type="text/javascript">
    UE.getEditor("container");
    </script>
    </body>
    </html>
    以上代码写好以后，部署项目，运行tomcat，打开浏览器在地址栏中输入：http://localhost:8080/UEditor/，可以看到编辑器的效果：

    注意：在压缩的包中，有index.html页面，里面有具体的配置信息，本文不做详细介绍。
    温馨提示：答案为网友推荐，仅供参考
    相似回答
    jsp 怎么正常显示ckeditor富文本编辑器的内容答：1、在页面中引入ckeditor核心文件ckeditor.js 2、在使用编辑器的地方插入HTML控件<textarea> <textarea id="TextArea1"cols="20"rows="2"class="ckeditor"></textarea> 如果是ASP.NET环境，也可用服务器端控件<TextBox> <asp:TextBox ID="tbContent"runat="server"TextMode="MultiLine"class...
    ueditor富文本编辑器怎么用答：第一步需要引入UEditor的源文件，和jquery文件，来对编辑器进行支持。如果看到图二的效果则说明部署成功咯，接下来我们就可以根据自己的实际需求来进行场地参数。2 第二步获取编辑器的输入的文本内容，然后对获取的值传递给后台处理，也可通过from表单进行操作。3 配置文件上传，图片上传、截图上传路径（以...
    怎么在jsp页面的form表单中加入富文本编辑器???并传递数据到后台进行...答：一般都是引入富文本的框架，框架会给你处理好。
    大家正在搜
    页面编辑器jsp页面跳转另一个jspjsp页面的基本构成元素网页版word编辑器html在线编辑器网页图文编辑器135编辑器如何使用手机网页代码编辑器javajsp实现页面跳转
    相关问题
    如何用java编写一个简单的文本编辑器？
    怎么在jsp页面的form表单中加入富文本编辑器？？？并传递...
    jsp 怎么正常显示ckeditor富文本编辑器的内容
    jsp中如何让富文本编辑器的框放大点
    百度编辑器UEditor怎么在jsp中配置
    百度富文本编辑器在MyEclipse部署和修改要放编辑器的j...
    怎么在jsp页面/html页面中调用word编辑器
    jsp 中怎么加入富文本框