从textarea中获取数据，按编辑样式显示内容

最新推荐文章于 2022-12-10 21:52:33 发布
转载 最新推荐文章于 2022-12-10 21:52:33 发布 · 1.3k 阅读 · 1

本文介绍了一种在网页上正确显示从数据库获取的文本内容的方法，通过使用<pre>标签并设置CSS样式属性white-space为pre-wrap及word-wrap为break-word，可以确保文本的格式和换行被保留。

转载至：http://blog.youkuaiyun.com/bleibo/article/details/4994203

 步骤：

           1.  用<pre><%=从数据库显示的字段%></pre>   

           2. 显示页面中增加：

               <style type="text/css">
                 pre {
                          white-space: pre-wrap;
                          white-space: -moz-pre-wrap;
                          white-space: -pre-wrap;
                          white-space: -o-pre-wrap;
                          word-wrap: break-word;
                          }
                </style>

textarea输入的内容保存到数据库，用div显示
qq_14855277的博客
02-05 8131
背景：在近期的项目中，有这样一个需求：用户的个人简介，前台无刷新编辑。那么这个问题是不难的，实现方式： 1.可编辑的div 2.ajax请求保存div中输入的内容 到这里我相信很多朋友都是一目了然，这并不是很难的啊， 但是问题来了，项目需求，用户在填写个人简介的时候，输入的换行也要相应的保存起来，于是宝宝查看了下可编辑的div输入换行之后是什么格式， 宝宝发现，当你按一次回车，输入内容之
textarea从数据库调取数据
冰河的专栏
01-06 5749
1、首先textarea要成对出现，它不像是可以写成这样的： / > textarea必须这样写，如果写成这可是不行的。 2、怎样显示从数据库里查询的信息呢： 如果是可以写成 value=""/>类似于这样的形式，但是textare，应该这么写
Textarea 获取数据库中的内容格式问题的解决方法
iteye_9716的博客
06-24 394
我这种的解决方案关键是两点： 第一，在查看jsp页面中的textArea项目中加入如下代码： [code="java"][/code] 第二，不要留任何空格在和之间。 这样就好了，祝您好运!...
表单textarea中的内容怎么从数据库中显示出来
蟹蟹肉的博客
12-24 3764
需要注意知道的是： 在textarea中是没有value属性的。 解决方法： 如果想把数据库中的内容显示出来可以这样写： 错误的写法：
面试：textarea富文本换行怎么在div体现出换行样式，用css解决
weixin_38355349的博客
03-18 3461
css
textarea保存字符串到后台,取出在页面显示时不换行
weixin_42490383的博客
07-04 627
1. textarea 输入时 : Enter键换行 用 '\r\n' 插入数据库 2. textarea 显示时 : '\n' 表示换行 var dest = ""; var text= data.responsibilityDetail; var strs= new Array(); //定义一数组 strs=text.split("\\r\\n"); //需要对\r\n转义 for (i=0;i<strs.length ;i++ ) { dest = dest .
TextArea_HTMLEditor 编辑器 learning extjs 中文
03-15
EXTJS中的TextArea_HTMLEditor是用于创建富文本编辑器的组件，它基于IFrame技术，提供了丰富的编辑功能，如字体样式调整、段落格式化、插入图片、链接等。这个组件允许用户以WYSIWYG（所见即所得）的方式编辑HTML...
vue项目中在可编辑div光标位置插入内容的实现代码
10-15
在Vue项目中，有时我们需要在可编辑的div元素中实现用户能够插入内容的功能。这个功能在文本编辑器或者富文本编辑场景中非常常见。本文将详细介绍如何在Vue中实现在可编辑div的光标位置插入内容，并提供相关代码示例...
基于ExtJS的TextArea_HTMLEditor中文编辑器实现
这类示例通常会涵盖以下内容：如何声明一个HtmlEditor组件并配置其工具栏按钮、设置初始值与获取编辑后的内容、监听change事件以实现自动保存、处理表单提交时的数据序列化、解决跨浏览器兼容性问题、自定义插件以...
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
10-24
在JavaScript编程中，有时我们需要实现在用户在文本框（`<textarea>`）中输入内容时，页面中的其他元素（如`<div>`）能够实时显示这些输入。这通常用于创建实时预览、编辑器功能或者反馈用户输入的效果。在给定的...
textarea 保留原字符
zrz009的专栏
11-30 563
textarea 保留原字符
用textarea标签存取文本，格式不变显示的解决方案（绝对有效！！！）
记录程序的点点滴滴！
03-08 6022
解决方案：很简单，直接用pre标签+el表达式取值即可。 例如：在你要显示内容的前端页面上用这种形式：${textarea.text}
textarea保留空格和回车符的格式提交表单
sonikk的专栏
04-11 3506
目的：为了保持提交表单前输入框内的内容格式和用户在看到自己的数据之后保持一致 test.html: textarea测试 .cc{width:600px;height:100px;} #d1{background:#88eeff;font-size:14px;} #zwtj{font-size:14px;} // 扩展Str
css之如何读取textarea中特殊符号
Jocelyn_书
03-07 712
在textarea中编辑的文字，可以分段和缩进等操作，所以会产生特殊的字符。 如果前端想显示这些特殊的字符就需要在css中添加一个样式属性 white-space属性 .css{ white-space: pre-line; }
js实现复制并能保留原格式粘贴
lzc的博客
07-01 2742
使用textarea能粘贴的时候保留原格式。 使用input粘贴的时候格式会丢失。 const input = document.createElement('textarea'); document.body.appendChild(input); input.value = “复制我呀”； // input.setAttribute('value', "复制我呀"); input.select(); if (document.
textarea标签元素 在 html中如何显示-很简单
weixin_42800181的博客
07-22 3128
1.假设你的div中包含了由textarea 存储到数据库中，并且取出的值。在html中 需要和textarea显示一个效果。2.html中识别的/n不是换行 但是textarea中识别的是换行，只需进行替换。// 这里要append进去是关键，如果直接替换的话 html只会识别是字符串。
textarea输入框的内容如何原模原样的展示出来？（适用于一些antd design框架以及element ui框架）
qq_53908907的博客
12-10 2257
保持textarea格式展示
textarea 内容格式
Mchange的专栏
08-01 2281
textarea通过form提交后，后台将值保存，当改值再次显示在页面中的时候，
jquery 获取textarea文本值详解
热门推荐
淡然坊
12-16 11万+
今天用jquery获取textarea文本值，遇到这么一个问题： 一开始用val()方法报错，后面使用text()，可以运行，但是获取的值永远为空，最后在改成val()，可以正常使用。 于是乎：为了把这个问题弄清楚，开始了遥远的解读jQuery源码之旅 步骤： 1. 给textarea设置默认值，分别输出text()和value()值 2. 改变textarea的文本
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值