1.修改配置
记得要把ue这个文件给暴露出去
在这个文件最下方添加 export default UE;
2.修改ueditor.config.js
去掉上下的jq加载 也就是 (function(){})() 在其最下面添加导出
export default UEDITOR_CONFIG;
3.修改 zh-cn.js 文件
var I18N = {}
export default I18N ;
4.使用方法 : 自己封装了一个react组件
中间设置其value 和 是否可以编辑用了定时器,这是因为一开始我们刚创建UE的时候,它还没有渲染完成,所以我们要使用定时器来异步处理,
还遇到一个问题就是项目需求需要有失去焦点事件,但是UE本身好像没有这个失去焦点事件,或者这个事件不符合我们的标准,于是从网上搜了一种方法就是监听UE的失去焦点事件,但是同时悠悠一个问题困扰着我,就是我的失去焦点事件一般在哪里调用呢,我选择了在React生命周期的componentDidUpdate里面来调用这个失去焦点事件,因为每次改变都会更新,但是同时又发现了一个问题,就是在这个生命周期里面setstate会造成死循环,但是网上搜的有大神说可以加一个有效的判断就不会造成死循环了,但是我们的这个没有什么有效的判断,所以又换了另一种想法,就是我直接不用setstate就ok 了
还有一些自己遇到的小问题就是一些babel的配置什么css报错啊,import 报错啊,就要首先检查一下自己的babel是否配置了。
还遇到一个问题就是react modal弹窗,只有第一次走了生命周期的componentDidMount方法,其它就不走这个方法了 ,解决方案就是在modal上面加随机key值
<modal key={Math.random()} ></modal>
即每次根据key值 的不同重新渲染了modal框,然后就重新走了一遍生命周期即可
引用来自:ReactJs将Modal中组件销毁