html pre标签使用(保留空格和回车等操作)

26 篇文章 0 订阅
[size=medium][color=red][b]pre 元素可定义预格式化的文本。[/b][/size][/color][size=large][color=blue]被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。[/color][/size]

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

做网页即时聊天时的文字输入框采用<pre>标签。

<div class="chat_online">
<!--输入框-->
<pre class="pre_message" contenteditable="true" contenteditable-directive=""></pre>
<!--输入框结束-->
</div>

其中
<pre></pre>需要写在一起,如果中间留有空格或者换行等,会导致输入框的光标不在开始位置。
[size=large][color=red][b]contenteditable="true"可以设置<pre></pre>标签可编辑。[/b][/color][/size]


[size=medium][color=red][b]如果<pre>标签不生效,则可以使用 .replace(/\\n/g, "<BR>") 来进行替换 显示[/b][/color][/size]
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值