<template>
  <KlNavTab active="" :type="1" />
  <div class="editor-view">
    <div class="rich-content" v-html="decodedContent"></div>
  </div>
</template>

<script setup lang="ts">
  import { useRoute } from 'vue-router'
  import { computed } from 'vue'

  // 获取路由参数
  const route = useRoute()
  // 假设内容通过query参数传递，如 /editor-view?content=xxx
  const content = computed(() => (route.query.content as string) || '')

  // 解码（如果需要）
  const decodedContent = computed(() => decodeURIComponent(content.value))
</script>

<style scoped>
  .rich-content {
    /* 可根据需要自定义样式 */
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    min-height: 200px;
  }
</style>
