问题情景:在我做一个博客系统,使用textarea提交数据到后台的时候,从brower提交到后台的过程中的时候,数据经过url编码。(当然也可以在B/S两端建立编码通道,默认是url编码),当默认url编码的时候,数据从textarea的value获取数据,value经过post或者get或者put来提交数据,然后这个过程默认使用的url编码,然而在服务端recv数据后是否会经过url解码呢?我没有。

textarea

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、chrometext = text.replace(/\n/g, '<br/>'); //IE7-8}//space instead.if( configure_space ) {text = text.replace(/\s/g, `&nbsp;`); //空格处理}//greatlessTag.. <>if( configure_greatlessTag ) {text = text.replace(/&lt;/g,"<");text = text.replace(/&gt;/g,">");}return text;
}

服务端接受的数据格式:

<records>
<Record><Id>21</Id><Time>1576503742</Time><Color>#abc</Color><Text>&lt;span style="text-align:center;color:red"&gt;古之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者
,匹夫见辱,拔剑&#xA;而起,挺身而斗,此不足
           勇   也。天&lt;/span&gt;</Text></Record><Record><Id>22</Id><Time>1576503751</Time><Color>#DDDDDD</Color><Text>&lt;span style="text-align:center;color:red"&gt;古之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身而斗,此不足
           勇   也。天&lt;/span&gt;</Text></Record><Record><Id>23</Id><Time>1576503767</Time><Color>#DDDDDD</Color><Text>&lt;p style="text-align:center;color:red"&gt;古之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>24</Id><Time>1576503890</Time><Color>#759</Color><Text>&lt;p style="text-align:center;color:red"&gt;古之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>25</Id><Time>1576503891</Time><Color>#DDDDDD</Color><Text>&lt;p style="text-align:center;color:red"&gt;古之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不
能忍&lt;br&gt;&#xA;者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>26</Id><Time>1576503896</Time><Color>#759</Color><Text>&lt;p style="text-align:center;color:red"&gt;古 之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
勇   也。天&lt;/p&gt;</Text></Record><Record><Id>27</Id><Time>1576503898</Time><Color>#987</Color><Text>&lt;p style="text-align:center;color:red"&gt;古 之所谓&lt;br/&gt;
豪杰之士者,必有过人
之节。人情有所不能忍&lt;br&gt;&#xA;者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>28</Id><Time>1576503899</Time><Color>#987</Color><Text>&lt;p style="text-align:center;color:red"&gt;古 之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不
足&#xA;           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>29</Id><Time>1576503900</Time><Color>#456</Color><Text>&lt;p style="text-align:center;color:red"&gt;古 之所谓&lt;br/&gt;
豪杰
之士者,必有过人之节。人情有所不能忍&lt;br&gt;&#xA;者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>30</Id><Time>1576503901</Time><Color>#DDDDDD</Color><Text>&lt;p style="text-align:center;color:red"&gt;古 之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,
挺身     而斗,此不足&#xA;           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>31</Id><Time>1576503905</Time><Color>#0099CC</Color><Text>&lt;p style="text-align:center;color:red"&gt;古
之所谓&lt;br/&gt;&#xA;豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>32</Id><Time>1576503998</Time><Color>#a3a3FF</Color><Text>&lt;p style="text-align:center;color:red"&gt;古     之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见
辱,拔剑&lt;br/&gt;&#xA;而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>33</Id><Time>1576504003</Time><Color>#456</Color><Text>&lt;p style="text-align:center;color:red"&gt;古     之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</Text></Record><Record><Id>34</Id><Time>1576504003</Time><Color>#987</Color><Text>&lt;p style="text-align:center;color:red"&gt;古     之所谓&lt;br/&gt;
豪杰之士者,必有过人之节。人情有所不能忍&lt;br&gt;
者,匹夫见辱,拔剑&lt;br/&gt;
而起,挺身     而斗,此不足
           勇   也。天&lt;/p&gt;</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>
        古
之    所谓    豪杰之士者&#x9;       </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>
效果图:

textarea 中的换行、空格; 如何处理相关推荐

  1. textarea中的换行如何展示在页面

    textarea中的换行如何展示在页面 场景:后台添加标题,想在前台换行展示 控制器中:$sTitle = nl2br($sTitle); 视图:{!! $sTitle !!} nl2br():在字符 ...

  2. 【uni-app】textarea中的换行问题

    关于textarea要注意的是,在微信小程序,百度小程序及字节跳动小程序中,textarea是原生组件,层级高于前端组件,请勿在scroll-view,swiper,picker-view,movab ...

  3. textarea 手机端无法换行_处理textarea中的换行和空格

    当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题.在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字 ...

  4. Java 中textarea 换行,textarea 中的换行符

    XML/HTML代码 '----'+ +'---' 有时候要title 提示多行信息,有两种解决方法: 一:硬回车就是的 there 二:用html转义序列 把鼠标放上来 这里再说一下html中的转义 ...

  5. 记事本和textarea中的换行

    换行符: chr(13)&chr(10) php替换 $note=str_replace(chr(13).chr(10),"<br>",$note);

  6. textarea中的换行符

    页面向数据库存值时: var reg = new RegExp("\r\n ","g");    comments = comments.replace(reg ...

  7. textarea标签中的换行与空格问题

    2019独角兽企业重金招聘Python工程师标准>>> 问题描述:textarea元素中编辑带有格式的文本,无法按照原格式输出.举个例子,一个页面有textarea元素,一个div, ...

  8. html中textarea标签的换行

    在textarea标签中经常会遇到换行操作,我们该如何获取textarea中的换行保存在数据库中,查看时展示到页面,修改时继续展示到textarea中. 在textarea中换行即使用回车键. htm ...

  9. textarea中的内容保存与显示时换行符的处理方法

    一.基本知识 textarea中,换行符是/r/n,而html中换行符是<br/>. 如果要把textarea中填写的内容显示在页面上,需要在最终显示到页面上时将/r/n替换成<br ...

最新文章

  1. 一文回顾深度学习发展史上最重要经典模型
  2. hashmap的get查找过程
  3. 基于 Ubuntu 系统安装 CUDA 和 cuDNN
  4. 端午回家,听完你是做程序员,你家里人是什么反应?
  5. 集成显卡与独立显卡的区别
  6. android studio moudel,Android Studio 添加其他目录下的module
  7. Java变量声明在循环体内还是循环体外,你用哪一个?
  8. 酷客多小程序携手Richly network Pte Led正式进军新加坡市场
  9. 对于计算机专业英语的问题,计算机专业英语的问题
  10. pyecharts折线图坐标轴范围设置_多层折线图,一对一展现数据趋势,图表就应如此美丽...
  11. 计算机图形学_GAMES101-现代计算机图形学课程 全笔记
  12. KM算法实现带权匹配C#版本和C++两个版本实现O^3
  13. 期货大佬给交易者的交易箴言。
  14. 微信小程序支付和退款(微信公众号和微信小程序支付和退款属于一个爹妈)
  15. 程序员的自我进化:学习之道,如何更有效的学习
  16. 【包装类、自动装箱/自动拆箱】
  17. Docker构建harbor+IDEA,一篇文章就够了
  18. eclipse调试项目,debugger没反应 解决办法
  19. Python编程学习教程:用python给自己DIY一款小说阅读器
  20. xml组合时间串解析

热门文章

  1. flink笔记1(初识 Flink)
  2. 基础理论—需求定律与供给定律分析…
  3. 30 爬虫 - 爬取内涵段子网站案例
  4. 有苦有乐的算法 --- 两个元素交换的三种方式
  5. 通用二维码生成 API 接口
  6. Kony开发入门及学习路线介绍
  7. 旷野徒奔-Java底层篇(1.3)
  8. SQL Server 数据分区管理
  9. “牛市”惊涛骇浪中的股友们
  10. 世界上5种著名交易系统