首页
学习
活动
专区
工具
TVP
发布

使用 white-space 来实现保留文本 textarea的换行格式和 空格格式

背景 昨天产品需求评审,产品经理收到用户的反馈,在系统中有一些文本,用户希望在在文本中填写的文本内容和格式都能够被保留下来,目前只能保存文本内容,对于文本的换行和空格,在显示的时候都没有正确显示。...接到这个需求,我搜索了一下,网上大多数是获取文本的内容后,将其中的换行符,空格替换成html标签,如, 使用JavaScript处理,然后将这些数据转化后,保存的后端,在显示时,使用innerHTML...最终我发现设置元素样式的white-space可以将文本的换行和空格正确显示出来。...保留 不换行 保留 pre-wrap 保留 保留 换行 挂起 pre-line 保留 合并 换行 删除 break-spaces 保留 保留 换行 换行 normal 连续的空白符会被合并,换行符会被当作空白符来处理...const inputValue = document.querySelector('#myinput').value console.log('文本内容

2.1K30

使用 white-space属性 来实现保留文本 textarea的换行格式和空格格式

背景 昨天产品需求评审,产品经理收到用户的反馈,在系统中有一些文本,用户希望在在文本中填写的文本内容和格式都能够被保留下来,目前只能保存文本内容,对于文本的换行和空格,在显示的时候都没有正确显示。...接到这个需求,我搜索了一下,网上大多数是获取文本的内容后,将其中的换行符,空格替换成html标签,如, 使用JavaScript处理,然后将这些数据转化后,保存的后端,在显示时,使用innerHTML...最终我发现设置元素样式的white-space可以将文本的换行和空格正确显示出来。...保留 不换行 保留 pre-wrap 保留 保留 换行 挂起 pre-line 保留 合并 换行 删除 break-spaces 保留 保留 换行 换行 normal 连续的空白符会被合并,换行符会被当作空白符来处理...const inputValue = document.querySelector('#myinput').value console.log('文本内容

4.4K195
您找到你想要的搜索结果了吗?
是的
没有找到

MySQL 常用基础知识,多学一门技能,不求人

name'; 左连接 SELECT 重命名表.字段名1, 重命名表.字段名2 重命名表2.字段名3 重命名表2.字段名4 FROM 表名 重命名表 left JOIN 表名2 重命名表2 on 重命名表...name' where 重命名表2.字段名4 is NULL; 右连接 SELECT 重命名表.字段名1, 重命名表.字段名2 重命名表2.字段名3 重命名表2.字段名4 FROM 表名 重命名表 right...JOIN 表名2 重命名表2 on 重命名表.'...nt( id INT,### 整型 studentName VARCHAR(20),### 可变长字符类型 grade DECIMAL(10,2)### 有效长度为10,保留两位小数...二、完整性:保证指定列的数据的有效性,是指列的输入有效性 实现方法 非空约束:NotNull 默认约束:Default 检查约束:Check(MySQL不支持) 三、外键和外键约束: 外键:是指从表的某列与主表的某列存在依附关系

44320

DNSPod十问王瑨:如何靠卖域名成为百亿美金上市公司?

毕业后曾供职于IBM、CNNIC通联达等公司,并于2016年加入GoDaddy。...王瑨:我在读小学的时候,正好赶上CNNIC成立伊始,当时引领中国互联网发展的各位前辈、领导和专家们在努力拓展技术前沿的同时,其实也对青少年群体进行了很多的网络普及工作,我就参加过CNNIC和中科院当时的一些科普活动...02 吴洪声:你在加入GoDaddy之前在CNNIC(中国互联网络信息中心)工作过,参与了国家顶级域名CN的商务运营。在CNNIC的工作体验如何?...03 吴洪声: 你在CNNIC的那段时间,恰逢新顶级开放申请,你也是当时最先参与新顶级商业运营的一批人。...但经过这10年的发展,新顶级的注册量和顶级域名相比依然存在比较大的差别,也没有能够去代替原来主流的域名。你觉得新顶级还有哪些增长点有待挖掘?

1.4K20

DNSPod十问王征:为什么你的网站无人问津?

你们目前是全球顶级的域名注册商之一,为什么你一直说很感谢CNNIC,里面有什么故事吗?中小企业在选择域名时,你有什么建议?...虽然当时因为合规性调整,CNNIC一直没有开放新的注册商审核,但却每次都在我们需要的时候刚好帮上大忙。 一次是06年3月,CNNIC搞了一个cn域名的促销活动,从平时的130多块降到30块。...第二次是在07年3月,CNNIC搞了cn域名一块钱的体验活动,一下子把域名注册的成本大幅度拉低,一天就有3000个用户来我们这里注册,让我们快速把业务做大,为后面提供建站服务打下了很好的基础。...首先,这个域名要有美感,不能看起来很奇怪,不然别人不会加深印象,例如有些公司的首字母缩写其实比全拼还别扭;其次,要好读,比如我们耐思智慧最早是叫nicenic,跟CNNIC有异曲同工之妙,读起来比较顺口...在CNNIC的报告中,国内网站数量最高峰也才500多万个,这对比全国企业数量来说是远远不够的,而且其中绝大部分还是我刚刚说的“没用的网站”。所以把PC网站单独拎出来看,很明显PC网站在严重贬值。

1K60

浅谈DNS

这台负责.com的服务器收到请求后,如果自己无法解析,它就会找一个管理.com的下一级DNS服务器地址(163.com)给本地DNS服务器。...其中,F 根由ISC(Internet Systems Consortium)机构与CNNIC合作,在北京建设了两个F根镜像服务节点,由中国电信和CNNIC分别提供网络接入;Verisign与中国联通合作...另外两个由CNNIC提供网络机房环境分别与Netnod、ICANN合作,在北京建设了I、L根镜像服务节点。目前中国还有相关机构继续与国际合作实施更多的根镜像节点。 ?...中国的镜像服务器 国内域名的后缀通常要包括“国际通用”和“国家”两部分,而且要以“国家”作为最后一个后缀。...以ISO31660为规范,各个国家都有自己固定的国家,如:cn代表中国、us代表美国、uk代表英国等。 国内域名的后缀通常要包括“国际通用”和“国家”两部分,而且要以“国家”作为最后一个后缀。

4.4K70

关于「域名」的通用基础术语及服务概念

域名安全锁:域名锁(Registrar-Lock),亦称域名安全锁、网锁、注册锁、转移锁,或直接称为“锁”,是可以在域名注册商为互联网域名设置的一个状态代码。...CNNIC:中国互联网络信息中心(China Internet Network Information Center,简称CNNIC),是经中华人民共和国国务院主管部门批准,于1997年6月3日成立的互联网管理和服务机构...鉴于CNNIC 的特殊地位,CNNIC 既是域名注册局(负责管理.CN/.公司/.网络等TLDs)又是域名实名局(负责管理中国大陆境内的域名实名审核相关工作)。...DNS:域名 DNS 修改历史查询Expired Domain:查看域名过期时间及删除时间Internet Archive:查看域名历史建站信息Freenom:免费注册一个属于你自己的顶级域名常见的注册局CNNIC

15.4K83
领券