<template>
  <div>
    <tiny-rich-text-editor v-model="value"></tiny-rich-text-editor>
    <div class="result">
      <hr />
      <pre>{{ value }}</pre>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { RichTextEditor as TinyRichTextEditor } from '@opentiny/vue'
import { ref } from 'vue'

const value = ref('你好 Opentiny!')
</script>
<style scoped>
.result {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.3;
}
</style>
