当前位置: 首页 > news >正文

wangeditor上传图片并展示在输入框内方法(vue3)

 安装vue3组件

yarn add @wangeditor/editor-for-vue@next
# 或者 npm install @wangeditor/editor-for-vue@next --save

页面中创建一个新的组件 

<template><div style="border: 1px solid #ccc; text-align: left"><Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" /><Editor style="height: 500px; overflow-y: hidden" v-model="valueHtml" :defaultConfig="editorConfig" :maxLength="500":mode="mode" @onCreated="handleCreated" /></div>
</template><script lang="ts" setup>
import "@wangeditor/editor/dist/css/style.css"; // 引入 cssimport { onBeforeUnmount, ref, shallowRef, onMounted } from "vue&#
http://www.lryc.cn/news/124939.html

相关文章:

  • UGUI基础游戏对象Canvas
  • PK Nounique CASCADE DROP INDEX keep index
  • 【Antd】实现Table组件行点击,解决某一列不触发行点击
  • Kafka3.0.0版本——Broker( 退役旧节点)示例
  • 【Rust】Rust学习 第十二章一个 I/O 项目:构建一个命令行程序
  • 【MySQL--->表的操作】
  • PyTorch从零开始实现ResNet
  • 企业微信 企业内部开发 学习笔记
  • 03 QT基本控件和功能类
  • epoll数据结构
  • LINUX学习笔记_GIT操作命令
  • 第一百二十九天学习记录:数据结构与算法基础:栈和队列(中)(王卓教学视频)
  • C语言 — qsort 函数
  • 开放式耳机哪个好一点?推荐几款优秀的开放式耳机
  • vue-cli前端工程化——创建vue-cli工程 router版本的创建 目录结构 案例初步
  • Go和Java实现外观模式
  • 人工智能(一)基本概念
  • 〔AI 绘画〕Stable Diffusion 之 解决绘制多人或面部很小的人物时面部崩坏问题 篇
  • 初步认识OSI/TCP/IP一(第三十八课)
  • 英伟达结构化剪枝工具Nvidia Apex Automatic Sparsity [ASP](2)——代码分析
  • FileNotFoundError: [WinError 2] 系统找不到指定的文件。
  • Linux: sysctl:net: IPV4_DEVCONF_ALL ignore_routes_with_linkdown; all vs default
  • 光耦继电器:实现电气隔离的卓越选择
  • 鸿蒙开发学习笔记2——实现页面之间跳转
  • 电子商务类网站需要什么配置的服务器?
  • table 根据窗口缩放,自适应
  • 应急响应-Webshell
  • 【调整奇数偶数顺序】
  • Linux(Ubuntu)系统临时IP以及静态IP配置(关闭、启动网卡等操作)
  • 2023-08-11 LeetCode每日一题(矩阵对角线元素的和)