React使用wangeditor富文本编辑器--@types依赖包找不到、404
时间:2021-08-06
本文章向大家介绍React使用wangeditor富文本编辑器--@types依赖包找不到、404,主要包括React使用wangeditor富文本编辑器--@types依赖包找不到、404使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1、安装wangeditor
1 npm install wangeditor-for-react
2、引入
1 import ReactWEditor from 'wangeditor-for-react';
3、使用
<ReactWEditor defaultValue={'<h1>标题</h1>'} linkImgCallback={(src,alt,href) => { // 插入网络图片的回调事件 console.log('图片 src ', src) console.log('图片文字说明',alt) console.log('跳转链接',href) }} onlineVideoCallback={(video) => { // 插入网络视频的回调事件 console.log('插入视频内容', video) }} onChange={(html) => { console.log('onChange html:', html) }} onBlur={(html) => { console.log('onBlur html:', html) }} onFocus={(html) => { console.log('onFocus html:', html) }} />
这里会提示你要安装 npm i --save-dev @types/wangeditor-for-react
执行这行代码一直报404找不到这个依赖包
这个时候我们就要去 .d.ts 文件中去适配
适配
在src下新建一个文件 declaration.d.ts
写入代码
declare module 'wangeditor-for-react' { const wangeditor: any; export = wangeditor }
报错消失了,富文本也可以正常使用
参考文档:https://www.wangeditor.com/doc/pages/09-%E7%94%A8%E4%BA%8EVue%E5%92%8CReact/
原文地址:https://www.cnblogs.com/Jason-cn/p/15108097.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- cookie创建的三个参数(有效期+有效路径+httponly)
- interface概念与代码示例,常量接口和标记接口,与abstract的区别
- Java8异步编程就是拽
- 如果try{}里面有一个return语句,那么紧跟着这个try后的finally{}里面的代码会不会执行?
- 二叉查找树代码java+运行结果
- 全选
- 在控制台,递归显示文件夹下所有文件目录代码+ 运行结果
- 使用bootstrap时下拉菜单失效问题解决
- 使用文件字节输出流FileOutputStream写入文件
- jdk1.8 自带的Base64加密与解密
- 缓冲字节输入流BufferedInputStream
- 在页面上写一个验证码
- 缓冲字节输出流BufferedOutputStream
- EL表达式获取简单数据与复杂数据(调用类)+EL表达式获取Map集合与list集合数据
- 用缓冲字节流,复制一个照片