时间:2021-05-08
例如:"我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助,↵合作竞争,学习更加有动力!↵从简单的单词到句型和场景对话,↵孩子越来越敢于开口说英语啦![耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨~"
需要转为才能被html识别,并且换行。可以这样做。
‘↵’是回车符'/n',这段内容是通过textarea人为编辑,提交给后端保存的。编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要转换成可以识别的<br/>
方法1
string.replace(/(rn|n|r)/gm, "")然后再用v-html=转换之后的string,就可以正常展示换行了
方法2
第二种方法是用 <pre></pre>标签,<pre> 标签的一个常见应用就是用来表示计算机的源代码。可以识别字符串中的‘/n’,‘/r/n’, 制表符,空格...
方法3
第三种方法是用<textarea></textarea>展示,这样那边编辑的什么,这边就会显示什么
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
小程序富文本解析目前小程序使用比较多的富文本方案一个是小程序自带的rich-text组件,一个是wxPrase。wxPrase原理是把原有的html标签全部解析
微信小程序富文本渲染引擎的详解步骤把wxParser目录放到小程序项目的根目录下在需要富文本解析的WXML内引入wxParser/index.wxml在页面JS
vue-quill-editor默认插入图片是直接将图片转为base64再放入内容中,如果图片比较大的话,富文本的内容就会很大。插入视频是直接弹框输入URL地址
br与p标签区别,br和p标签认识之div+css开发时候常用换行标签。接下来,我们介绍下html中常遇见和常用到的和标签之间的区别及用法,以及使用css对他们
富文本编辑器生成的HTML标签,进行转义,然后写入数据库,防止脚本注入:?123functionhtmlEncode(value){ return$('