遇到的问题
首先声明一下,我面临的问题,以及我所处的环境:当前项目是后台管理系统项目,
主要用的是vue、iview、ckeditor5等。新建demo中ckeditor5运行完好,
功能都很棒,可是!搬到项目中,竟然出现很多bug,主要问题有以下几个:
1、上传图片问题:图片上传后不会出现编辑图片的按钮,一直处于聚焦状态;
2、第一个问题解决后,又发现……,图片可编辑了,但是!!!如果当前编辑器内容为空的话,直接插入图片,图片可变大小位置,可是一直处于聚焦状态,如果直接输入文字,则图片消失,最关键的是官方的demo也是如此,真是让人头秃!
3、最后还有一个小小的问题就是添加有序列表和无序列表的问题!(小我也解决了几个小时,看来智商是不够用了)
解决办法
1、第一个问题:
经过我傻傻的试了半天,终于的,找到了一个自己不能解释的解决办法,尴尬,但是管用!
就是我发现如果不把编辑器包含在iview的组件内,这个问题就不存在了!!!!
直接包含在h5标签内!
2、第二个问题:
说多了都是泪,直接给官方提了issues, 给的回复:
Hello, you should create a new paragraph if you want to continue editing. You can achieve it by pressing Enter while an image is focused to insert a paragraph after the image or Shift + Enter to insert a paragraph before the image.
译文:你好,如果你想继续编辑,你应该创建一个新的段落。您可以通过按Enter键来实现这一点,当图像被聚焦时,您可以在图像之后插入一个段落,或者按Shift + Enter键在图像之前插入一个段落。
3、第三个问题,因为iview.css清除了ul li ol 的margin和padding,你的base样式可能有list-style:none,记得去掉!!
直接修改下iview dist目录下 iview.css中的清除所有标签的magin和padding,把ul li ol去掉即可!
博主不才,只能用这种愚笨的方法解决,如有高见,欢迎指教;-)