mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
c3455a4ad8
* feat(editor): Remove `.ph-no-capture` class from some of the fields * ✔️ Updating test snapshots * ⚡ Redacting expressions preview in credentials form * 🔧 Disable posthog input masking * 🚨 Testing PostHog iFrame settings * Reverting iframe test * ⚡ Hiding API key in PostHog recordings * ✅ Added tests for redacted values * ✔️ Updating checkbox snapshots after label component update * ✔️ Updating test snapshots in editor-ui * 👕 Fix lint errors
46 lines
964 B
Vue
46 lines
964 B
Vue
<template>
|
|
<iframe class="__html-display" :srcdoc="html" />
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import type { PropType } from 'vue';
|
|
import sanitizeHtml, { defaults, type IOptions as SanitizeOptions } from 'sanitize-html';
|
|
import type { INodeExecutionData } from 'n8n-workflow';
|
|
|
|
const sanitizeOptions: SanitizeOptions = {
|
|
allowVulnerableTags: false,
|
|
enforceHtmlBoundary: false,
|
|
disallowedTagsMode: 'discard',
|
|
allowedTags: [...defaults.allowedTags, 'style', 'img', 'title'],
|
|
allowedAttributes: {
|
|
...defaults.allowedAttributes,
|
|
'*': ['class', 'style'],
|
|
},
|
|
transformTags: {
|
|
head: '',
|
|
},
|
|
};
|
|
|
|
export default {
|
|
name: 'RunDataHtml',
|
|
props: {
|
|
inputData: {
|
|
type: Array as PropType<INodeExecutionData[]>,
|
|
},
|
|
},
|
|
computed: {
|
|
html() {
|
|
const markup = (this.inputData?.[0].json.html as string) ?? '';
|
|
return sanitizeHtml(markup, sanitizeOptions);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.__html-display {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|