导读
大家好,你们在开发项目的过程当中有没有遇到一种情况:就是即使编写代码的时候编辑器只不过是一个警告,但是我们看到这个警告的时候非常的不爽,就是有那种不把这个警告解决,感觉浑身不自在一样。
我在最近开发的过程当中,遇到的可不止是警告这么简单的问题,而是前端控制台报错了,这你受的了吗?
究竟是怎么一回事儿呢,来让你们看一看吧!
起因
因为我们现在是前后端都写嘛,然后有一项工作就是需要用到富文本编辑器的,对于我这个平日里不怎么怎么接触前端知识的来说,其实还是挺有难度的,我感觉!
本来是想用百度富文本编辑器的,但是感觉可能搞不定,所以我就用了wangEditor轻量级的web富文本编辑器, 这是它的官网地址:wangEditor官网 功能都很齐全,有什么问题可以看官网上的文档。
注意注意注意!!! 它现在是不支持IE浏览器的,如何考虑项目兼容IE浏览器的话,请另行寻找了。
接下来我们将最主要的就是我遇到的一个低版本的问题,其实如果是下载最新版本的话基本上也就不存在出现bug了,所以大家下载js,css这些的时候尽量能下载新版本就最好选择新的。
因为我们的业务关系,所以只能用旧的。
将我们在网上下载的wangEditor.js导出到项目中,并在需要的使用的html页面引入相应js,然后就是一系列的样式div什么的,这些我们都略过。先来看看我弄完以后得效果吧!
页面啥的都好着,包括调用接口提交数据都没问题,唯独就是控制台爆了一个错,这看着确实不爽
解决
于是,我得想办法把这个问题解决掉,根据提示,找到相应的css的行,但是我对这个不熟,打开wangEditor.css以后是这样的
我瞬间麻了,这~~~ 然后就只能求助度娘啦! ,搜索了好久都是说新版本的问题的。我看代码没多少,于是就从浏览器看它属于哪个class下的最终功夫不负有心人被我找到了,大家请看截图
我们只需要把这个的高度改成大于300px的即可,先改个350px试一下吧!
刷新页面重新加载果然控制台再也没有刚才烦人的报错了。
感悟
经过此役,虽然是一个小小的问题,但值得我记录和分享。前端知识以后还得加紧学习,不然出现问题都不知道如何找问题。还有就是我们在引入外部js的时候,除非业务需要尽量去官网下载最新版本。
好了本次的分享就到这里啦!希望对大家有所帮助。