ueditor修改文章jsp页面-优快云博客

本文介绍如何在项目中集成UEditor富文本编辑器，包括必要的配置步骤及示例代码，展示了如何在JSP页面中正确加载和使用UEditor。

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

2019独角兽企业重金招聘Python工程师标准>>>

<%@ 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>My JSP 'editorUpdate.jsp' starting page</title>

		<meta http-equiv ="pragma"content="no-cache">
		<meta http-equiv ="cache-control"content="no-cache">
		<meta http-equiv ="expires"content="0">
		<meta http-equiv ="keywords"content="keyword1,keyword2,keyword3">
		<meta http-equiv ="description"content="This is my page">
		<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
		<script type ="text/javascript"src="plugin/ueditor/ueditor.config.js">
		</script>
		<script type ="text/javascript"src="plugin/ueditor/ueditor.all.js">
		</script>
		<LINK rel =stylesheethref="plugin/ueditor/themes/default/css/ueditor.css">
	</head>

	<body>
		编辑文章：
		<br />

		<script type ="text/plain"id="myEditor" name="content">
		"<h2>sadfkj方的就是</h2>"
		${content}
		</script>
		<script type="text/javascript">

		var editor =new UE.ui.Editor();
		editor.render("myEditor");

		//1.2.4以后可以使用一下代码实例化编辑器 //
		UE.getEditor('myEditor')
		</script>
	</body>
</html>

其中在文章中"<h2>sadfkj方的就是</h2>"为自定义的测试数据

${content}为实际后台传过来的值

"<h2>sadfkj方的就是</h2>"
		${content}

注意引入文件的位置，配置好后可以修改jsp，如图所示

转载于:https://my.oschina.net/u/3429289/blog/1305723