装antdPro的项目同样适用
在node_modules文件夹下找到
=> wangeditor源码文件夹下的
=> release文件夹下的
=> wangEditor.js
在大概1191行左右找到这样的几行代码
或者可以搜索 $tabContentContainer.css 这个字段,在这个文件里是唯一的
改height为你想要的值,如下
然后在入口文件加入强制style
因为我是在antdPro框架下写的,所以入口文件在/src/pages/document.ejs
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<title>CMS-后台管理</title>
<link rel="icon" href="/favicon.png" type="image/x-icon" />
<!--在这里加强制style,灰色也没关系,浏览器会取这里的数据,不要忘记important-->
<style type="text/css">
.w-e-text-container{
height: 700px !important;
}
</style>
</head>
<body>
<noscript>Sorry, we need js to run correctly!</noscript>
<div id="root"></div>
</body>
</html>
完成上面步骤之后
断开热重载,重新npm start
就可以看到效果啦