BBS论坛-添加新帖与富文本编辑器（UEditor）

最新推荐文章于 2025-05-03 16:29:51 发布

原创

最新推荐文章于 2025-05-03 16:29:51 发布

· 2.6k 阅读

0 ·

版权

本文档介绍了如何在BBS论坛中集成富文本编辑器UEditor，包括样式与脚本文件的配置，创建新帖表单的实现，以及如何接收和处理UEditor的参数，最终将内容存储到数据库的流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

http://127.0.0.1:8080/mrbbs/goTest02

样式与脚本文件

jspHeader.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String socketPath = request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!-- 
该文件定义了样式与脚本文件
 -->

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BBS </title>
    
    <style type="text/css">
		.tbl {
		    background: #e5edf2 none repeat scroll 0 0;
		    border-right: 1px solid #c2d5e3;
		    overflow: hidden;
		    width: 160px;
		}
		
		.tbr {
		    hyphens: auto;
		    word-break: break-all;
		}
		
		.list-paddingleft-2 {
			padding-left: 36px;
		}
    </style>
    
    <!-- ********************************Bootstrap*************************************** -->
    <link href="<%=basePath %>bootstrap-3.3.5-dist/css/bootst