fix(editor): stop rendering expressions as html (#4420)

* fix(editor): don't render expr as html

* fix highlight bug
This commit is contained in:
Mutasem Aldmour
2022-10-24 10:48:33 +02:00
committed by GitHub
parent 91bd3c6567
commit 779b0d58f7
3 changed files with 12 additions and 4 deletions

View File

@@ -1,10 +1,12 @@
<template>
<n8n-text size="small" color="text-base" tag="div" v-if="hint">
<div ref="hint" :class="{[$style.hint]: true, [$style.highlight]: highlight}" v-html="hint"></div>
<div v-if="!renderHTML" :class="{[$style.hint]: true, [$style.highlight]: highlight}">{{ hint }}</div>
<div v-else ref="hint" :class="{[$style.hint]: true, [$style.highlight]: highlight}" v-html="sanitizeHtml(hint)"></div>
</n8n-text>
</template>
<script lang="ts">
import { sanitizeHtml } from "@/utils";
import Vue from "vue";
export default Vue.extend({
@@ -16,6 +18,13 @@ export default Vue.extend({
highlight: {
type: Boolean,
},
renderHTML: {
type: Boolean,
default: false,
},
},
methods: {
sanitizeHtml,
},
mounted(){
if(this.$refs.hint){