首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

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

2.1K30

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

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

4.6K195

java Swing用户界面组件文本输入:文本+密码+格式化的输入

当在程序中放置一个文本区组件时,用户就可以输入多行文本,并用ENTER键换行。每行都以一个'\n'结尾。...可以使用换行来避免裁剪过长的行: textArea.setLineWrap(true); //long lines are wrapped 换行只是视觉效果;文档中的文本没有改变,在文本中没有插入'\n...例9-4给出了文本区演示的完整代码。这个程序只能在文本区中修改文本。点击“Insert”将句子插入文本末尾。点击第二个按钮将打开和关闭换行(它的标签在“Wrap”和“No Wrap”之间切换)。...参数:newText 要附加的文本 • void setLineWrap(boolean wrap) 打开或关闭换行。...参数:wrap 应该换行,则为true • void setWrapStyleWord(boolean word) 如果word是true,超长的行会在字边界处换行

3.9K10

Fabric.js 文本自动换行的实现方式

本文简介 点赞 + 关注 + 收藏 = 学会了 在 fabric.js 提供的文本组件中,默认状态是不会自动换行。...如果你的使用场景中需要自动文本自动换行,可以使用 Textbox ,并将 splitByGrapheme 设置为 true 即可。...文本自动换行 如果需要实现本文自动换行的效果,可以使用 Textbox。 我建议是在初始化时设置好 Textbox 的宽度,然后再将 splitByGrapheme 设置为 true 。...}) 在运行时调整 除了初始化 Textbox 时设置宽度外,还可以在运行时让用户调整文本框的宽度,只要 splitByGrapheme 为 true 时,Textbox 里的文本就会实时根据宽度进行换行...在没将 splitByGrapheme 设置为 true 时,横向拉长文本框时,里面的文字不会变形。 但文本框的最小宽度取决于里面最长一行的文本宽度。 代码仓库 ⭐文本自动换行

8.2K40

js实现html表格标签中带换行文本显示出换行效果

遇见问题 如下内容中我写了几行,但是表格中并未按行显示,换行符反而变成了空格,于是想自己转换下 ?...思考问题 1、可以看到表格的内容是后端传来的数据,于是想直接在后端转换下,把换行符替换成标签 ?...2、想到就做,如下,写好后一跑,发现,只是显示成了文本,并不会被html识别成标签。。。啪啪啪打脸 ? ?...3、继续想,准备在数据加载后,在js里面处理下,把文本内容中的换行符转为标签;但是如果一个内容有多行文字,我就要把它拆分为多个小节,好加,但是这些分开的文字怎么连在一起呢,势必还需要继续加标签...}); 2、处理函数如下 //内容显示换行符 function replaceBr(){ var content = $('.data_table tr td:nth-child(3)');

16.9K30
领券