refactor(editor): Move editor-ui and design-system to frontend dir (no-changelog) (#13564)

packages/frontend/editor-ui/src/components/RunDataHtml.vue

@@ -0,0 +1,43 @@
+<script lang="ts">
+import sanitizeHtml, { defaults, type IOptions as SanitizeOptions } from 'sanitize-html';
+
+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: {
+		inputHtml: {
+			type: String,
+			required: true,
+		},
+	},
+	computed: {
+		sanitizedHtml() {
+			return sanitizeHtml(this.inputHtml, sanitizeOptions);
+		},
+	},
+};
+</script>
+
+<template>
+	<iframe class="__html-display" :srcdoc="sanitizedHtml" />
+</template>
+
+<style lang="scss">
+.__html-display {
+	width: 100%;
+	height: 100%;
+}
+</style>