搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
菜鸟追梦旅行
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
Spring启动流程源码分析_spring启动过程源码详解
2
运维人员的出路:在技术发展的道路上闪耀光芒!
3
java人脸识别开源算法,就是这么简单_java人脸识别算法
4
【虹科技术分享】使用Profishark进行EtherCAT主站性能测试_ethercat主站实时性测试
5
内网安全--域渗透准备知识
6
excle查找操作-vlookup的使用心得
7
代码写的太烂了,所以我干不下去了_干不了写代码的工作
8
RabbitMQ交换机以及各种类型_mq交换机有哪几种
9
onlyoffice支持wps、dps和et格式的预览和编辑,支持office2003版本的编辑, 增加中文字体,字号
10
深入浅出Kafka_kafka为什么叫流平台
当前位置:
article
> 正文
正确显示taxtarea中输入的回车和空格_tax 空几格
作者:菜鸟追梦旅行 | 2024-05-28 23:59:13
赞
踩
tax 空几格
在taxtarea中输入的文本。如果含有回车或空格。在界面上显示的时候则不哪么正常。回车消失了,空格变短了。
如何解决这个问题呢。有2种方法。
1.使用<pre>标签
w3c对pre元素是这样定义的:pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
更详细的内容请参考
http://www.w3school.com.cn/tags/tag_pre.asp
也就是说包含在pre标签中的回车和空格会正常的显示出来。包括你在页面代码中输入的。所以如果使用pre元素你需要这样写:
<
pre
>
要输出的文本
</
pre
>
,而不是这样:
<
pre
>
要输出的文本
</
pre
>
后一种写法 文本前的空白也会被显示的。除非你真的希望这样:)
2.对文本内容进行替换。
回车和空格不能正确显示,究其原因是他们各自的表示方式不同。在textarea里面输入的回车是字符"/r",html中的回车(换行)是"<br/>"。
textarea中输入的空格是空白" ",而html中的一个空格是" "。理所当然不能正确显示。好了现在知道了原因就有了第二种解决方案了。
只要我们将输入的文本中相应的"元素"替换成html认识的就ok了。因此下面一行代码即可解决问题:
"
要输出的文本
"
.replaceAll(
"
"
,
"
"
).replaceAll(
"/
r
"
,
"
<
br
/>
"
);
等等。这里还有一点小问题。把一个空格替换成一个" "空格看上去仍然要少些。如果你喜欢可以替换成2个。
最后,除了回车和空格以外还有很多空白字符如tab等,如果你喜欢可以一并处理了^_^
最后的最后,如果本来的文本是很长的一行,使用pre标签后就不会自动换行。结果页面出现横向滚动条。不知道有没有好的解决方法?
而将第二种方法处理过的文本放在<p>标签中显示,就可以显示正常。
声明:
本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:
https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/639790
推荐阅读
article
大
数据
工程师
:从
牛客
整理的 BAT
Flink
面试题
...
是没有特定的部门,统一面试。上一个业务算是完结了吧,下午没活干,被迫摸了会鱼,但也不敢太摸,上次业务完成时
大
摸特摸,没注...
赞
踩
article
Hugging
Face
介绍_
huggingface
是
干什么的...
是
一个具有开源精神的技术公司和社区,致力于推动自然语言处理(NLP)相关技术的发展和应用。他们提供了一系列优秀的工具...
赞
踩
article
Memcache
遍历 获取
模糊
匹配
key
对应的
记录
_
memcached
get
模糊
...
memcached
只能通过
get
查找指定的
key
,而没有提供
key
的所有查找和
key
的
模糊
查找。
模糊
查找原理:先拿到me...
赞
踩
article
Linux
嵌入式
项目-
智能家居
_
嵌入式
linux
项目...
订阅会根据不同的消息主题去订阅,会有一个while(1)死循环,订阅到消息后然后找到消息的主题,然后执行相应的函数top...
赞
踩
article
《
数据
生态--
MySQL
复制技术
与
生产实践
》
新鲜出炉
...
首先,先给咋们《
数据
生态--
MySQL
复制技术
与
生产实践
》这本书来爆个照,它大概长这样!如需购买,可扫描文末的二维码快速...
赞
踩
article
从搬砖工到
架构师
,
Java
全栈
学习
路线
总结...
Java
全栈
开发技术是一种整合多种技术的开发方式
,
涉及众多领域
,
如:前端、后端、数据库等。
Java
全栈
开发技术的全面...
赞
踩
article
IDEA
中操作
Git
_
idea
代码
挑拣...
一、配置git客户端二、基本操作2.1 忽略工作区的某些文件或文件夹,使之不会添加到暂存区2.2 基本命令Annotat...
赞
踩
article
程序员
为什么不喜欢
关
电脑
:揭秘背后
的
原因
_研发
的
电脑
要
关
吗...
你是否注意到,
程序员
们似乎从不
关
电脑
?别以为他们是
电脑
上瘾,实则是有他们自己
的
原因
!让我们一起揭秘背后
的
原因
,看看
程序员
...
赞
踩
article
微信小程序-
生成
保存
图文海报-
canvas
生成
图片
、
二维码
、自定义文字样式_小程序
canvas
生成
二...
代码仓库:https://gitee.com/DerekAndroid/miniProgramAgen/tree/mas...
赞
踩
article
Android
Studio连接不到
模拟器
_
android
studio
无法连接
模拟器
...
AS选择底部terminal 定位到sdk中platform-tools文件夹(即AS的SDK的adb文件所在位置)然后...
赞
踩
article
国产
版
ChatGPT
大盘点...
3月16日,百度发布类
ChatGPT
产品「文心一言」,并开放测试。3月29日,周鸿祎在某大会上,演示360
版
的ChatG...
赞
踩
article
Java
Apache
Pdf
Box
长单页
Pdf
转图片模糊
解决方案
_renderimagewit...
Using fallback XXX for CID-keyed font STSong-Light,指系统中没有安装S...
赞
踩
article
使用
Shell
脚本编写Linux守护进程_
bundle
exec
rails
server
-e p...
服务端程序一般需要长期后台稳定运行,除了保证程序本身的健壮外,还需要用到一些守护程序。现分享一个简单的
Shell
脚本的方...
赞
踩
article
基于
Wireshark
的
TCP
关闭时
的
四次
挥手
介绍_
wireshark
tcp
断开连接
的
四次
挥手
中...
在《基于Wirshark
的
TCP
三次握手介绍》中提到,
TCP
在建立连接之前,要经历三次握手,而在关闭
TCP
连接时,通信双...
赞
踩
article
网络
聊天
室:通过
Servlet
和
JSP
,结合
session
和
application
实现
(文末附源码)...
分享网络
聊天
室的简单小程序,可以让不同的用户进行网络
聊天
,主要通过Java中的
Servlet
和
JSP
实现
,通过Sessi...
赞
踩
article
微信
小
程序
之
海报
生成
_
小
程序
生成
海报
...
前言:2.9.0 起支持一套新 Canvas 2D 接口(需指定 type 属性),同时支持同层渲染,原有接口不再维护参...
赞
踩
article
安卓
视频
播放器
(TV)...
最近写了一款
视频
播放器
的Demo,基于
安卓
智能电视的(电视与手机的程序大同小异),各种功能都已经完善,特此分享给大家。 ...
赞
踩
article
K8S查看
pod
日志遇到的问题及解决方案_no
resources
found
in
default
...
(2)、Namespace 错误:如果Pod存在于特定的命名空间(Namespace)中,但你没有指定正确的命名空间,就...
赞
踩
article
1Panel
:简化
Linux
服务器
运维
管理
的终极
解决方案
_
ubuntu
运行
1panel
...
大家好!在当今数字化时代,
Linux
服务器
已成为许多企业和个人不可或缺的重要工具。然而,对于那些没有深入技术知识的人来说...
赞
踩
article
Django
中的
单元
测试
与
集成
测试
保障
代码
质量的方法论_
django
集成
测试
...
在这篇文章中,我们深入探讨了如何利用
Django
中的
单元
测试
和
集成
测试
来保障
代码
质量。我们从基础开始,介绍了
单元
测试
的概...
赞
踩
相关标签
java
人工智能
python
memcahce
模糊查找
智能家居
数据库
编程语言
mysql
分布式
学习
jvm
spring
spring boot
git
电脑
canvas
css
html
javascript
android
安卓
chatgpt
pdf
开发语言