作者:詹慧君874 | 来源:互联网 | 2023-06-21 14:51
一入前端深似海,在工作中总会回到各种奇葩怪异的情况。下面总结使用UEditor富文本编辑器中setContent()时遇到的一些问题:一、setContent()介绍二、直接使
'一入前端深似海',在工作中总会回到各种奇葩怪异的情况。
下面总结使用UEditor富文本编辑器中setContent()时遇到的一些问题:
一、setContent()介绍
![](https://img1.php1.cn/3cd4a/24e5b/978/6a29b3b6a0095a70.jpeg)
二、直接使用setContent()赋值html内容
代码:
![](https://img1.php1.cn/3cd4a/24e5b/978/6159314c727fe7cf.jpeg)
报错:
![](https://img1.php1.cn/3cd4a/24e5b/978/9e7dcaac44f5dd1e.jpeg)
通过查询API找到ready的介绍,使用ready能够确保UEditor加载成功:
ready介绍:
![](https://img1.php1.cn/3cd4a/24e5b/978/1205ee80b67d7b90.jpeg)
使用ready代码:
![](https://img1.php1.cn/3cd4a/24e5b/978/38cc8070b5386d4d.jpeg)
无报错:
![](https://img1.php1.cn/3cd4a/24e5b/978/1ec4cbcedaeba0b6.jpeg)
三、异步加载数据,使用setContent()赋值
根据上述方法,在使用AJAX向后台请求数据并赋值时,有时会直接跳过ready中的代码:
![](https://img1.php1.cn/3cd4a/24e5b/978/ec5737ca7b2f138d.jpeg)
此时的我:
![](https://img1.php1.cn/3cd4a/24e5b/978/c4945b884cf05b29.jpeg)
重新查看文档API......无解。
还好有入坑人士提供了新的方法,虽然不知道为啥,但是实现了。
代码:
![](https://img1.php1.cn/3cd4a/24e5b/978/58982c4aff15064b.jpeg)
![](https://img1.php1.cn/3cd4a/24e5b/978/b43c7dddc7935742.jpeg)
不要问我为啥,我也不知道,记住下次知道如何解决就好了。