当前位置: 首页 > 知识库问答 >
问题:

codemirror - 有用过CodeMirror的吗,对与html代码怎么显示?

虞博涛
2024-09-09

我想做的是把一个 wangeditor编辑器里的文本内容进行对比,这时就遇到一个问题,wangeditor会带有各种html标签,如果我用正则把标签去掉吧,那回车也就没了,也不符合客户的要求?怎么来解决这个问题呢?想让下面图中的编辑器内只显示文本,不显示html标签。
下面没去html标签
image.png
下面去了html标签,同时回车也没有了。
image.png

共有1个答案

慎峻
2024-09-09

在使用你的正则去掉标签之前,给的html内容加上换行符\n

比如:给</p>替换为 </p>\n,这一步完成再执行你的正则去掉标签

 类似资料:
  • CodeMirror 是一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。 本站的 RunJS.cn 、在线LESS编译器和Markdown编辑器就是采用这个组件开发。 可以看出,CodeMirror的作者是一个十分向往自由的人。但他的CodeMirror绝对不简单

  • code-blast-codemirror 是 CodeMirror 中输入时的粒子爆炸结果。

  • 本文向大家介绍vue使用codemirror的两种用法,包括了vue使用codemirror的两种用法的使用技巧和注意事项,需要的朋友参考一下 这是我自己做的一个左边点击对应的标题,右边显示相应代码的一个功能。代码显示这里用的是vue-codemirror插件。 第一种用法: 1、安装:npm install vue-codemirror --save 2、在main.js中引入 3、在组件中使用

  • 本文向大家介绍vue实现codemirror代码编辑器中的SQL代码格式化功能,包括了vue实现codemirror代码编辑器中的SQL代码格式化功能的使用技巧和注意事项,需要的朋友参考一下 vue实现codemirror代码编辑器中的SQL代码格式化功能 1、首先使用npm安装sql-formatter插件 npm install --save sql-formatter 2、然后引入该sql-

  • 本文向大家介绍在vue项目中使用codemirror插件实现代码编辑器功能,包括了在vue项目中使用codemirror插件实现代码编辑器功能的使用技巧和注意事项,需要的朋友参考一下 在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示),具体内容如下所示: 1、使用npm安装依赖 npm install --save codemirror; 2、在页面中放入如下代

  • 我的一个视图返回了一个字符串,如下所示: 我试图用刀片显示它: 但是,输出是原始字符串,而不是呈现的超文本标记语言。如何在Laravel中使用Blade显示超文本标记语言? PS.PHP正确显示HTML。

  • 本文向大家介绍你有用过React的插槽(Portals)吗?怎么用?相关面试题,主要包含被问及你有用过React的插槽(Portals)吗?怎么用?时的应答技巧和注意事项,需要的朋友参考一下 1、首先简单的介绍下react中的插槽(Portals),通过创建,是ReactDOM提供的接口,可以实现将子节点渲染到父组件DOM层次结构之外的DOM节点。 2、第一个参数(child)是任何可渲染的 Re

  • 问题内容: 如何在网页上显示HTML代码段,而无需用和替换? 换句话说,是否有一个标记,用于 在您点击结束标记之前不呈现HTML ? 问题答案: 不 ,没有。在HTML适当的版本中,必须逃脱一些字符: 如 如 (顺便说一句,没有必要逃脱,但人们经常出于对称的原因而逃脱。) 当然,您应该将生成的,转义的HTML代码包围在(a)保留空格和换行符的范围内,以及(b)将其标记为代码元素。 所有其他解决方案