From cdfbc614620588f4fd162fb64d560e5b2ce267d1 Mon Sep 17 00:00:00 2001
From: cnouguier <ch.nouguier@gmail.com>
Date: Tue, 14 Jan 2025 14:01:45 +0100
Subject: [PATCH] fix: KTextArea does not display strike text (close #1044)

---
 core/client/components/KTextArea.vue | 11 ++---------
 core/client/document.js              |  2 +-
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/core/client/components/KTextArea.vue b/core/client/components/KTextArea.vue
index 9cf0c015b..55cc5d9ff 100644
--- a/core/client/components/KTextArea.vue
+++ b/core/client/components/KTextArea.vue
@@ -18,7 +18,7 @@
       <div
         class="q-pr-lg"
         :class="{ 'k-textarea-collapsed': !isExpanded, 'k-textarea-expanded': isExpanded }"
-        v-html="sanitizedText"
+        v-html="Document.sanitizeHtml(props.text)"
       />
     </KScrollArea>
     <div class="k-expandable-action">
@@ -39,7 +39,7 @@
 <script setup>
 import _ from 'lodash'
 import { ref, computed, watch } from 'vue'
-import sanitizeHtml from 'sanitize-html'
+import { Document } from '../document.js'
 import KExpandable from './KExpandable.vue'
 import KScrollArea from './KScrollArea.vue'
 
@@ -68,10 +68,6 @@ const props = defineProps({
   isExpanded: {
     type: Boolean,
     default: false
-  },
-  sanitizeOptions: {
-    type: Object,
-    default: () => null
   }
 })
 
@@ -83,9 +79,6 @@ const isExpanded = ref(props.isExpanded)
 const isScrollable = ref(false)
 
 // computed
-const sanitizedText = computed(() => {
-  return _.get(props, 'sanitizeOptions') ? sanitizeHtml(props.text, props.sanitizeOptions) : sanitizeHtml(props.text)
-})
 const cssCursor = computed(() => {
   return isExpandable.value ? 'pointer' : 'default'
 })
diff --git a/core/client/document.js b/core/client/document.js
index b6596f358..aac8d9776 100644
--- a/core/client/document.js
+++ b/core/client/document.js
@@ -45,7 +45,7 @@ export const Document = {
         scrollableViewers: ['document/KHtml', 'document/KMarkdown', 'document/KCsv']
       },
       htmlSanitizer: {
-        allowedTags: sanitize.defaults.allowedTags.concat(['img'])
+        allowedTags: sanitize.defaults.allowedTags.concat(['img', 'strike'])
       },
       mdConverter: {}
     })