完善节点渲染

components/HtmlView.css

@@ -44,12 +44,22 @@
 .html-b {
   font-weight: bold;
 }
+.html-i,
 .html-em {
   font-style: italic;
 }
+.html-u {
+  text-decoration: underline;
+}
+.html-b,
 .html-strong {
   font-weight: bold;
 }
+.html-del,
+.html-s,
+.html-strike {
+  text-decoration: line-through;
+}
 
 .html-img {
   max-width: 750px;

components/HtmlView.jsx

@@ -81,7 +81,7 @@ const View = ({
   className
 }) => {
   const [viewStyle, textStyle] = getTextStyle(style)
-  // 判断内容是否是纯文本
+  // 判断内容是否是纯文本 或者是否是 文本组件
   const isText = children?.every?.(item => typeof item === 'string')
   // 是否是纯文本组件
   const isTextComp = !isText && children?.every?.(item => item?.props?.nodeName === 'Text')
@@ -231,10 +231,12 @@ export default function HtmlView({
 
 const getNodes = (() => {
   const nodeArr = {
-    span: 'Text',
     img: 'Image',
     video: 'Video'
   }
+  'span,font,b,strong,i,em,u,sup,sub,h1,h2,h3,h4,h5,h6,font,q,s,strike,del,big,small'.split(',').forEach(key => {
+    nodeArr[key] = 'Text'
+  })
   /**
    * 定义节点支持的style
    */

package.json

@@ -1,6 +1,6 @@
 {
   "name": "taro-html-view",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "支持渲染由富文本编辑器编辑的html文本内容，支持小程序、h5、ReactNative，复杂的内容可能并不能正确渲染",
   "main": "index.js",
   "author": "[email protected]",