stash

web/src/components/inputs/FormatedText.vue

@@ -0,0 +1,32 @@
+<template>
+    <div contenteditable>
+        <pre>{{ value }}</pre>
+        <span v-html="rawhtml(value)"></span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'FormatedText',
+    props: {
+        value: {
+            type: String,
+            required: true
+        },
+        format: {
+            type: Function,
+            default: null
+        }
+    },
+    emits: ['input'],
+    methods: {
+        rawhtml(value) {
+            if (typeof format === 'function') {
+                return format(value);
+            } else {
+                return value;
+            }
+        }
+    }
+};
+</script>