效果图:
关键代码:
<div contenteditable="true"> </div>
contentEditable:
是html中的一个属性。设置html的contentEditable=‘true’时,即可开启该元素的编辑模式
代码如下:
<%@ 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>
<style type="text/css">
.test_box {
width: 400px;
min-height: 120px;
max-height: 500px;
border:1px solid #000 <!-- 设置对象边框宽度为1px黑色实现边框 -->
}
</style>
<body>
<div class="test_box" contenteditable="true"><br /></div>
<p>
<div class="test_box" contenteditable="true"><br /></div>
</body>
</html>