diff --git a/shells/dev/target/NativeTypes.vue b/shells/dev/target/NativeTypes.vue
index 0264b424f..ae96bb74d 100644
--- a/shells/dev/target/NativeTypes.vue
+++ b/shells/dev/target/NativeTypes.vue
@@ -65,7 +65,9 @@ export default {
       largeArray: [],
       i: new Set([1, 2, 3, 4, new Set([5, 6, 7, 8]), new Map([[1, 2], [3, 4], [5, new Map([[6, 7]])]])]),
       j: new Map([[1, 2], [3, 4], [5, new Map([[6, 7]])], [8, new Set([1, 2, 3, 4, new Set([5, 6, 7, 8]), new Map([[1, 2], [3, 4], [5, new Map([[6, 7]])]])])]]),
-      html: '<b>Bold</b> <i>Italic</i>'
+      html: '<b>Bold</b> <i>Italic</i>',
+      htmlReg: /<b>hey<\/b>/i,
+      'html <b>key</b>': (h, t, m, l) => {}
     }
   },
   computed: {
diff --git a/src/devtools/components/DataField.vue b/src/devtools/components/DataField.vue
index d0ba821aa..04be9eb0a 100644
--- a/src/devtools/components/DataField.vue
+++ b/src/devtools/components/DataField.vue
@@ -280,11 +280,11 @@ export default {
       } else if (this.valueType === 'plain-object') {
         return 'Object' + (Object.keys(value).length ? '' : ' (empty)')
       } else if (this.valueType.includes('native')) {
-        return specialTypeRE.exec(value)[2]
+        return escape(specialTypeRE.exec(value)[2])
       } else if (typeof value === 'string') {
         var typeMatch = value.match(rawTypeRE)
         if (typeMatch) {
-          return typeMatch[1]
+          return escape(typeMatch[1])
         } else {
           return `<span>"</span>${escape(value)}<span>"</span>`
         }
diff --git a/src/util.js b/src/util.js
index 0b193c793..77ef7316e 100644
--- a/src/util.js
+++ b/src/util.js
@@ -234,7 +234,7 @@ export function getCustomFunctionDetails (func) {
   return {
     _custom: {
       type: 'function',
-      display: `<span>ƒ</span> ${func.name}${args}`
+      display: `<span>ƒ</span> ${escape(func.name)}${args}`
     }
   }
 }