十三.富文本标签

- 日理万妓 2023-07-09 02:19 93阅读 0赞

# 富文本标签 rich-text #

## 一.rich-text 标签的属性 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>nodes</td> 
   <td>array/string</td> 
   <td>节点列表/HTML String</td> 
  </tr> 
  <tr> 
   <td>space</td> 
   <td>string</td> 
   <td>显示连续空格</td> 
  </tr> 
 </tbody> 
</table>

## 二.space的合法值 ##

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>ensp</td> 
   <td>中文字符空格一半大小</td> 
  </tr> 
  <tr> 
   <td>emsp</td> 
   <td>中文字符空格大小</td> 
  </tr> 
  <tr> 
   <td>nbsp</td> 
   <td>根据字体设置的空格大小</td> 
  </tr> 
 </tbody> 
</table>

## 三.nodes ##

现支持两种节点, 通过type来区分, 分别是元素节点和文本节点, 在富文本区域里显示的HTML节点, 元素节点: type=node

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>说明</th> 
   <th>类型</th> 
   <th>必填</th> 
   <th>备注</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>name</td> 
   <td>标签名</td> 
   <td>string</td> 
   <td>是</td> 
   <td>支持部分受信任的HTML节点</td> 
  </tr> 
  <tr> 
   <td>attrs</td> 
   <td>属性名</td> 
   <td>object</td> 
   <td>否</td> 
   <td>支持部分受信任的属性</td> 
  </tr> 
  <tr> 
   <td>children</td> 
   <td>子节点列表</td> 
   <td>array</td> 
   <td>否</td> 
   <td>结构和nodex一致</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，93人围观）

还没有评论，来说两句吧...

相关阅读

相关 java移除富文本编辑的h5标签

1.使用正则表达式过滤掉h5标签，此处将处理方法写在一个工具类里 import java.util.regex.Pattern; /

末蓝、/ 2023年10月11日 13:58/ 0 赞/ 83 阅读

相关 summernote 富文本提交数据数据库没有富文本的样式 xss过滤标签

原因 : xss过滤了这些标签，需要在配置文件里在xss配置不需要过滤的文件也是之前看过的一个博主的 ![在这里插入图片描述][watermark_type_Zm

迷南。/ 2023年10月05日 11:58/ 0 赞/ 71 阅读

相关十三.富文本标签

富文本标签 rich-text 一.rich-text 标签的属性 <table> <thead> <tr> <th>属性</th> <t

- 日理万妓/ 2023年07月09日 02:19/ 0 赞/ 94 阅读

相关十.文本标签 Text

text > 文本。相当于span标签 <table> <thead> <tr> <th>属性</th> <th>类型</th> <t

￡神魔★判官ぃ/ 2023年07月09日 02:18/ 0 赞/ 94 阅读

相关 react 渲染富文本中的标签内容

![20200218175332918.png][] 假设拉取下来的是富文本携带html标签的内容应该如何渲染到页面：例：<div>我是富文本内容</div> 在标签

旧城等待，/ 2023年07月06日 11:53/ 0 赞/ 73 阅读

相关 js去掉富文本中html标签和图片

var msg = content.replace(/<(p|div)[^>]>(<br\/?>| )<\/\1>/gi, '\n').replace(/<br\/?>

超、凢脫俗/ 2023年02月17日 03:57/ 0 赞/ 28 阅读

相关 js 解析富文本标签数据

js 解析富文本标签数据 var str = '<p><code>uni-app</code> 完整支持<code>Vue</code>实例的生命周期，同时还新增页面

怼烎@/ 2022年12月29日 06:59/ 0 赞/ 221 阅读

相关 JAVA过滤富文本html标签，保留文字

JAVA过滤富文本html标签，保留文字 > 使用正则过滤难免会出现许多奇奇怪怪的问题，今天这里使用jsoup包来解析 1.Maven引入jsoup包 <

阳光穿透心脏的1/2处/ 2022年09月11日 13:23/ 0 赞/ 366 阅读

相关富文本

富文本 > 相对于普通文本来说,可以添加样式，颜色，大小，字体，倾斜，图片,和markdown非常像,博客或论坛的做法（markdown，富文本） 1，需要导入库 p

喜欢ヅ旅行/ 2022年06月03日 02:26/ 0 赞/ 325 阅读

相关富文本编辑器

（1）[UEditor][] （2）[kindEditor][] （3）[summernote][] 另本篇文章有更多富文本编辑器推荐： [https://www

你的名字/ 2022年03月19日 05:52/ 0 赞/ 588 阅读