wangeditor v4版本,基于vue3项目,实现动态拉伸编辑区大小

2024-01-03 11:45:06

搜了一圈,没有找到合适的答案,自己研究写了一个,思路对了,写起来就比较简单

直接上代码,index.vue

<template>
  <div style="position: relative">
    <Editor
      ref="targetRef"
      v-bind="$attrs"
      :style="editorStyle"
      @onCreated="handleCreated"
      @onChange="handleChange"
    />
    <span ref="resizeRef" class="is-resize"> icon占位 </span>
  </div>
</template>
<script setup lang="ts">
import "@wangeditor/editor/dist/css/style.css"; // 引入 css
import { onBeforeUnmount, shallowRef, computed, ref, CSSProperties } from "vue";
import { IDomEditor } from "@wangeditor/editor";
import { Editor } from "@wangeditor/editor-for-vue";
import { useResize } from "./use-resize";

const props = de

文章来源:https://blog.csdn.net/wz_coming/article/details/135357006
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。