textarea 中的换行、空格; 如何处理
问题情景:在我做一个博客系统,使用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, ` `); //空格处理}//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>
效果图:
textarea 中的换行、空格; 如何处理相关推荐
- textarea中的换行如何展示在页面
textarea中的换行如何展示在页面 场景:后台添加标题,想在前台换行展示 控制器中:$sTitle = nl2br($sTitle); 视图:{!! $sTitle !!} nl2br():在字符 ...
- 【uni-app】textarea中的换行问题
关于textarea要注意的是,在微信小程序,百度小程序及字节跳动小程序中,textarea是原生组件,层级高于前端组件,请勿在scroll-view,swiper,picker-view,movab ...
- textarea 手机端无法换行_处理textarea中的换行和空格
当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题.在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字 ...
- Java 中textarea 换行,textarea 中的换行符
XML/HTML代码 '----'+ +'---' 有时候要title 提示多行信息,有两种解决方法: 一:硬回车就是的 there 二:用html转义序列 把鼠标放上来 这里再说一下html中的转义 ...
- 记事本和textarea中的换行
换行符: chr(13)&chr(10) php替换 $note=str_replace(chr(13).chr(10),"<br>",$note);
- textarea中的换行符
页面向数据库存值时: var reg = new RegExp("\r\n ","g"); comments = comments.replace(reg ...
- textarea标签中的换行与空格问题
2019独角兽企业重金招聘Python工程师标准>>> 问题描述:textarea元素中编辑带有格式的文本,无法按照原格式输出.举个例子,一个页面有textarea元素,一个div, ...
- html中textarea标签的换行
在textarea标签中经常会遇到换行操作,我们该如何获取textarea中的换行保存在数据库中,查看时展示到页面,修改时继续展示到textarea中. 在textarea中换行即使用回车键. htm ...
- textarea中的内容保存与显示时换行符的处理方法
一.基本知识 textarea中,换行符是/r/n,而html中换行符是<br/>. 如果要把textarea中填写的内容显示在页面上,需要在最终显示到页面上时将/r/n替换成<br ...
最新文章
- 一文回顾深度学习发展史上最重要经典模型
- hashmap的get查找过程
- 基于 Ubuntu 系统安装 CUDA 和 cuDNN
- 端午回家,听完你是做程序员,你家里人是什么反应?
- 集成显卡与独立显卡的区别
- android studio moudel,Android Studio 添加其他目录下的module
- Java变量声明在循环体内还是循环体外,你用哪一个?
- 酷客多小程序携手Richly network Pte Led正式进军新加坡市场
- 对于计算机专业英语的问题,计算机专业英语的问题
- pyecharts折线图坐标轴范围设置_多层折线图,一对一展现数据趋势,图表就应如此美丽...
- 计算机图形学_GAMES101-现代计算机图形学课程 全笔记
- KM算法实现带权匹配C#版本和C++两个版本实现O^3
- 期货大佬给交易者的交易箴言。
- 微信小程序支付和退款(微信公众号和微信小程序支付和退款属于一个爹妈)
- 程序员的自我进化:学习之道,如何更有效的学习
- 【包装类、自动装箱/自动拆箱】
- Docker构建harbor+IDEA,一篇文章就够了
- eclipse调试项目,debugger没反应 解决办法
- Python编程学习教程:用python给自己DIY一款小说阅读器
- xml组合时间串解析