update

李嘉宾 · 李嘉宾 · commit 16f83d57dde2 · 2025-05-12T17:29:33.000+08:00
diff --git a/README.md b/README.md
@@ -9,7 +9,8 @@
 ## 例子
 
 [auto](https://listen80.github.io/code-view/examples/auto.html)
-
+[element](https://listen80.github.io/code-view/examples/auto.html)
+[string](https://listen80.github.io/code-view/examples/string.html)
 
 ## 安装
 
diff --git a/dist/code.min.js b/dist/code.min.js
diff --git a/dist/code.min.js.map b/dist/code.min.js.map
diff --git a/examples/element.html b/examples/element.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>element</title>
+  </head>
+  <body>
+    <xmp id="foo">
+// javascript
+const a = 10
+
+const b = new Date()
+
+console.log(typeof window)
+
+class A {
+  constructor() {
+    // something
+  }
+}
+    </xmp>
+    <link rel="stylesheet" href="../dist/code.css">
+    <script src="../dist/code.min.js" code></script>
+    <script>
+      const result = code(foo)
+      console.log(result)
+    </script>
+  </body>
+</html>
+
diff --git a/examples/string.html b/examples/string.html
@@ -0,0 +1,18 @@
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>string</title>
+  </head>
+  <body>
+    <link rel="stylesheet" href="../dist/code.css">
+    <script src="../dist/code.min.js" code></script>
+    <script>
+      const result = code('let a = 3')
+      document.write(result.ast)
+      document.write(result.lan)
+      console.log(result)
+    </script>
+  </body>
+</html>
diff --git a/src/index.js b/src/index.js
@@ -2,24 +2,30 @@
 import { analysisForString, analysisForElement, analysisForTagName } from './analysis.js';
 // import { createElement, createHtml } from './utils/domUtils.js';
 function code(element, indent) {
-    if (!element) {
-        return [
-            ...analysisForTagName('code'),
-            ...analysisForTagName('pre'),
-            ...analysisForTagName('script'),
-            ...analysisForTagName('xmp')
-        ];
-    } else {
-        if (element instanceof Node) {
-            return analysisForElement(element);
-        } else {
-            return analysisForString(element.toString(), indent);
+  if (!element) {
+    return [
+      ...analysisForTagName('code'),
+      ...analysisForTagName('pre'),
+      ...analysisForTagName('script'),
+      ...analysisForTagName('xmp')
+    ];
+  } else {
+    if (element) {
+      if (element instanceof HTMLElement) {
+        if (element.tagName === 'CODE' || element.tagName === 'PRE' || element.tagName === 'SCRIPT' || element.tagName === 'XMP') {
+          return analysisForElement(element);
         }
+      }
+      return analysisForString(element + '', indent);
+    } else {
+      return null;
     }
+
+  }
 }
 
 if (document.currentScript.hasAttribute('code')) {
-    console.log(code())
+  console.log(code())
 }
 
 export default code;
