81,122
社区成员
发帖
与我相关
我的任务
分享如何让文本框的值以原有的格式输出
<html:textarea property="xxxx" cols="60 rows="3" />
如何让文本（html:textarea ）中的值 以原有的格式输出！
希望 大家能帮我解决。
...全文
请发表友善的回复…
发表回复
wuyanfengstefanie 2011-03-07
- 打赏
- 举报
好东西一定要顶 找的就是你了
Dream_gril 2010-08-26
- 打赏
- 举报
支持一下
Ade子夜 2010-08-20
- 打赏
- 举报
我懒得写了，直接建立一个TEXT文本将下面的代码保存下来，然后另存为html格式的你在用浏览器打开看就知道了：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框保留格式 ucoolweb.com</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<textarea name="textContent" cols="100" rows="15" id="textContent"></textarea>
<br />
<input type="button" name="Submit" value="转换输出" onclick="outHTML()" />
<input name="checkbox" type="checkbox" id="checkbox" value="checkbox" checked="checked" />
<label for="checkbox" style="color:#F00">启用转换输出</label>
</form>
<div id="out" style="border:1px solid #F90; padding:10px; background:#FFF8DC; margin-top:10px">请在上面文本框录入带HTML标记的文本测试！</div>
<script type="text/javascript">
/**********************************************************
* author Tang Guohui, created: 2007-12-9 12:30:15
**********************************************************/
function outHTML() {
var getValue=document.getElementById("textContent").value;
var endValue=((getValue.replace(/<(.+?)>/gi,"<$1>")).replace(/ /gi," ")).replace(/\n/gi,"<br>");
/*
(1)转义“<”、“>”
(2)改半角空格为
(3)保留换行
*/
if (document.getElementById("checkbox").checked==true) {
document.getElementById("out").innerHTML=endValue;
}else{
document.getElementById("out").innerHTML=getValue;
}
}//end outHTML function
</script>
</body>
</html>
支持一下！！学了！！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框保留格式 ucoolweb.com</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<textarea name="textContent" cols="100" rows="15" id="textContent"></textarea>
<br />
<input type="button" name="Submit" value="转换输出" onclick="outHTML()" />
<input name="checkbox" type="checkbox" id="checkbox" value="checkbox" checked="checked" />
<label for="checkbox" style="color:#F00">启用转换输出</label>
</form>
<div id="out" style="border:1px solid #F90; padding:10px; background:#FFF8DC; margin-top:10px">请在上面文本框录入带HTML标记的文本测试！</div>
<script type="text/javascript">
/**********************************************************
* author Tang Guohui, created: 2007-12-9 12:30:15
**********************************************************/
function outHTML() {
var getValue=document.getElementById("textContent").value;
var endValue=((getValue.replace(/<(.+?)>/gi,"<$1>")).replace(/ /gi," ")).replace(/\n/gi,"<br>");
/*
(1)转义“<”、“>”
(2)改半角空格为
(3)保留换行
*/
if (document.getElementById("checkbox").checked==true) {
document.getElementById("out").innerHTML=endValue;
}else{
document.getElementById("out").innerHTML=getValue;
}
}//end outHTML function
</script>
</body>
</html>
支持一下！！学了！！
yibo2010 2010-08-20
- 打赏
- 举报
这个效果就行了 ，给公司用 实在是太谢谢你了！
tianshi1017 2010-08-20
- 打赏
- 举报
运行OK了吧，是你想要的效果么？了解了原理了么？
yibo2010 2010-08-20
- 打赏
- 举报
谢谢 ！
tianshi1017 2010-08-20
- 打赏
- 举报
我懒得写了，直接建立一个TEXT文本将下面的代码保存下来，然后另存为html格式的你在用浏览器打开看就知道了：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框保留格式 ucoolweb.com</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<textarea name="textContent" cols="100" rows="15" id="textContent"></textarea>
<br />
<input type="button" name="Submit" value="转换输出" onclick="outHTML()" />
<input name="checkbox" type="checkbox" id="checkbox" value="checkbox" checked="checked" />
<label for="checkbox" style="color:#F00">启用转换输出</label>
</form>
<div id="out" style="border:1px solid #F90; padding:10px; background:#FFF8DC; margin-top:10px">请在上面文本框录入带HTML标记的文本测试！</div>
<script type="text/javascript">
/**********************************************************
* author Tang Guohui, created: 2007-12-9 12:30:15
**********************************************************/
function outHTML() {
var getValue=document.getElementById("textContent").value;
var endValue=((getValue.replace(/<(.+?)>/gi,"<$1>")).replace(/ /gi," ")).replace(/\n/gi,"<br>");
/*
(1)转义“<”、“>”
(2)改半角空格为
(3)保留换行
*/
if (document.getElementById("checkbox").checked==true) {
document.getElementById("out").innerHTML=endValue;
}else{
document.getElementById("out").innerHTML=getValue;
}
}//end outHTML function
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框保留格式 ucoolweb.com</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<textarea name="textContent" cols="100" rows="15" id="textContent"></textarea>
<br />
<input type="button" name="Submit" value="转换输出" onclick="outHTML()" />
<input name="checkbox" type="checkbox" id="checkbox" value="checkbox" checked="checked" />
<label for="checkbox" style="color:#F00">启用转换输出</label>
</form>
<div id="out" style="border:1px solid #F90; padding:10px; background:#FFF8DC; margin-top:10px">请在上面文本框录入带HTML标记的文本测试！</div>
<script type="text/javascript">
/**********************************************************
* author Tang Guohui, created: 2007-12-9 12:30:15
**********************************************************/
function outHTML() {
var getValue=document.getElementById("textContent").value;
var endValue=((getValue.replace(/<(.+?)>/gi,"<$1>")).replace(/ /gi," ")).replace(/\n/gi,"<br>");
/*
(1)转义“<”、“>”
(2)改半角空格为
(3)保留换行
*/
if (document.getElementById("checkbox").checked==true) {
document.getElementById("out").innerHTML=endValue;
}else{
document.getElementById("out").innerHTML=getValue;
}
}//end outHTML function
</script>
</body>
</html>
yibo2010 2010-08-20
- 打赏
- 举报
具体情况说下可以吗 clob 没用过 谢谢！
tianshi1017 2010-08-20
- 打赏
- 举报
我的思路是在我刚才贴的转换类中添加换行符号的转义
yibo2010 2010-08-20
- 打赏
- 举报
就像要 csdn 总回复一样 上面类容和下面我们写的 格式都一样
lnner 2010-08-20
- 打赏
- 举报
可以将textarea的字段设成clob。下载一个word控件，什么格式都能显示了
yibo2010 2010-08-20
- 打赏
- 举报
数据库中数据类型是 text
duqiangcise 2010-08-20
- 打赏
- 举报
没有测试过
tianshi1017 2010-08-20
- 打赏
- 举报
我理解错了，原来是这样啊，你的数据类型是什么样的？varchar?text?
tianshi1017 2010-08-20
- 打赏
- 举报
如果你的值是从页面获取了保存在数据库中的，那么就建议你在值传递到后台（action）的时候，在action中对传入的值进行转义处理，主要是转义“<”,""",">"这三种符号，然后你取出的值就没有问题了
例子：
/**
* @ClassName: HtmlStringConverter
* 转换给定的字符串中的"<" 或">"或““”
*
*/
public class HtmlStringConverter {
public static String StringConverter(Object obj){
if(obj!=null){
String inputStr = obj.toString();
String tempStr = inputStr.replaceAll("</?+","<");
inputStr = tempStr.replaceAll(">/?+", ">").replaceAll("\"", """);
return inputStr;
}else {
return null;
}
}
}
例子：
/**
* @ClassName: HtmlStringConverter
* 转换给定的字符串中的"<" 或">"或““”
*
*/
public class HtmlStringConverter {
public static String StringConverter(Object obj){
if(obj!=null){
String inputStr = obj.toString();
String tempStr = inputStr.replaceAll("</?+","<");
inputStr = tempStr.replaceAll(">/?+", ">").replaceAll("\"", """);
return inputStr;
}else {
return null;
}
}
}
yibo2010 2010-08-20
- 打赏
- 举报
每次输出的是一个很长的字符串 没有了原有的格式。
比如说
---------------------------------------------------
1.bbbbbbbbbbbbbbbbbbbbbbbb
1.1 cccccccccccccccccccccc
1.2 ddddddddddddddddddd.
2. ccccccccccccccccccccc
2.1 ffffffffffffffffffff
-----------------------------------------------------
要把这个格式 插入数据库 然后 在同样的格式输出 。
比如说
---------------------------------------------------
1.bbbbbbbbbbbbbbbbbbbbbbbb
1.1 cccccccccccccccccccccc
1.2 ddddddddddddddddddd.
2. ccccccccccccccccccccc
2.1 ffffffffffffffffffff
-----------------------------------------------------
要把这个格式 插入数据库 然后 在同样的格式输出 。
qingyuan18 2010-08-20
- 打赏
- 举报
“如何让文本（html:textarea ）中的值 以原有的格式输出！”--原有的格式是什么
