富文本编辑器提交的内容在页面上显示代码是为啥呢？

Question

如图上面是填写的带格式文本，下面控制台是提交出去的富文本的HTML；
请问这一步有什么问题吗？

——————————————————————————————————————————————————
//这一段是我页面上截下来的，请问为什么会显示这样，格式代码全部带出来了

<br\/>< img src=\"http:\/\//\//\/ou5331fwu.bkt.clouddn.com\/p2\/p2\/m\/m\/p20uyn5gz9e.jpg\" i\" i\" id=\"http:\/\//\//\/ou5331fwu.bkt.clouddn.com\/p2\/p2\/m\/m\/p20uyn5gz9e.jpg\" s\" s\" style=\"margin: .5rem 0; width: 100%;\"><br\/>18年的第一场雪

Answer 1

如果是vue的话，直接通过{{msg}}会这样子显示的，是为了安全性考虑的。如果一定要解析html的话，请使用v-html

<p class="paragraph" v-html="formatRules"></p>

react 使用 <div dangerouslySetInnerHTML={{__html: '<span>test</span>'}}></div>

Answer 2

被转义了，你怎么获取出来的，或者用了什么插件？

Answer 3

在渲染时按 html 解析即可，不按普通字符串解析~

Answer 4

控制台上你是直接将返回的结果打印出来的吗？？如果是，那自然就是直接将他的内容打印出来咯，因为他本来就是字符串，直接打印，肯定就是字符串形式，