textarea 中的换行、空格; 如何处理
程序员文章站
2024-01-15 15:34:28
...
问题情景：在我做一个博客系统，使用textarea提交数据到后台的时候，从brower提交到后台的过程中的时候，数据经过url编码。（当然也可以在B/S两端建立编码通道，默认是url编码），当默认url编码的时候，数据从textarea的value获取数据，value经过post或者get或者put来提交数据，然后这个过程默认使用的url编码，然而在服务端recv数据后是否会经过url解码呢？我没有。
textarea
有效处理空格，换行
注意我的数据流向：
提交数据：
brower::textarea.value -> method::post (text) -> url(data) -> serve -> save(data)
请求数据：
serve -> send(data) -> brower.
// ------------ configure variables. --------------
var configure_line = true;
var configure_space = true;
var configure_greatlessTag = true;
var fitter = function(text){
//line...
if( configure_line ) {
text = text.replace(/\r\n/g, '<br/>'); //IE9、FF、chrome
text = text.replace(/\n/g, '<br/>'); //IE7-8
}
//space instead.
if( configure_space ) {
text = text.replace(/\s/g, ` `); //空格处理
}
//greatlessTag.. <>
if( configure_greatlessTag ) {
text = text.replace(/</g,"<");
text = text.replace(/>/g,">");
}
return text;
}
服务端接受的数据格式：
<records>
<Record><Id>21</Id><Time>1576503742</Time><Color>#abc</Color><Text><span style="text-align:center;color:red">古之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者
，匹夫见辱，拔剑
而起，挺身而斗，此不足
 勇 也。天</span></Text></Record><Record><Id>22</Id><Time>1576503751</Time><Color>#DDDDDD</Color><Text><span style="text-align:center;color:red">古之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身而斗，此不足
 勇 也。天</span></Text></Record><Record><Id>23</Id><Time>1576503767</Time><Color>#DDDDDD</Color><Text><p style="text-align:center;color:red">古之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>24</Id><Time>1576503890</Time><Color>#759</Color><Text><p style="text-align:center;color:red">古之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>25</Id><Time>1576503891</Time><Color>#DDDDDD</Color><Text><p style="text-align:center;color:red">古之所谓<br/>
豪杰之士者，必有过人之节。人情有所不
能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>26</Id><Time>1576503896</Time><Color>#759</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足

勇 也。天</p></Text></Record><Record><Id>27</Id><Time>1576503898</Time><Color>#987</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰之士者，必有过人
之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>28</Id><Time>1576503899</Time><Color>#987</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不
足
 勇 也。天</p></Text></Record><Record><Id>29</Id><Time>1576503900</Time><Color>#456</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰
之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>30</Id><Time>1576503901</Time><Color>#DDDDDD</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，
挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>31</Id><Time>1576503905</Time><Color>#0099CC</Color><Text><p style="text-align:center;color:red">古
之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>32</Id><Time>1576503998</Time><Color>#a3a3FF</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见
辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>33</Id><Time>1576504003</Time><Color>#456</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>34</Id><Time>1576504003</Time><Color>#987</Color><Text><p style="text-align:center;color:red">古 之所谓<br/>
豪杰之士者，必有过人之节。人情有所不能忍<br>
者，匹夫见辱，拔剑<br/>
而起，挺身 而斗，此不足
 勇 也。天</p></Text></Record><Record><Id>35</Id><Time>1576504015</Time><Color>#987</Color><Text> 
					</Text></Record><Record><Id>36</Id><Time>1576504024</Time><Color>#0099CC</Color><Text> 
		古之所谓 豪杰之士者			</Text></Record><Record><Id>37</Id><Time>1576504048</Time><Color>#DDDDDD</Color><Text> 
		古之 所谓 豪杰之士者			</Text></Record><Record><Id>38</Id><Time>1576504060</Time><Color>#FFFFCC</Color><Text> 
		古
之 所谓 豪杰之士者			</Text></Record><Record><Id>39</Id><Time>1576504071</Time><Color>#0099CC</Color><Text> </Text></Record><Record><Id>40</Id><Time>1576504076</Time><Color>#abc</Color><Text> sadw dwad </Text></Record>
</records>
效果图：
上一篇： zookeeper集群搭建
推荐阅读
-
textarea 中的换行、空格; 如何处理
-
php 变量在前台html 的textarea 中如何换行以及换行修改如何在PHP后台获取
-
Linux下如何处理文本文件内容中的^M
-
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
-
web 开发中如何处理用户输入的html 代码？
-
如何用Sublime Text 2中的选项卡替换四个空格？
-
SQL查询中的{}是干什么的？该如何处理
-
vue常见问题处理 -- 页面刷新时，如何保持原有vuex中的state信息
-
PPT2007中如何将单调的文字处理成对角线颜色不一的文本效果
-
如何设置网页中的一段文字，使它的宽度是页面宽度的62%且能自动换行？_html/css_WEB-ITnose