网站

ckeditor编辑器将插入水平线改为插入新行

分类 :ckeditor     2019-04-18 人气:0 0条评论

因为修远兮的网站中使用了<pre>标签,使用中发现,如果最后一行用了该标签,则回车后,不会跳出该标签,我发现ckeditor的插入hr标签功能,直接就能跳出标签,因为插入hr我从来用不到,就直接改为自己所需的

修改ckeditor.js文件

在里面搜索var p = o.document.createElement('hr')
将里面的hr改为p,也就是变成
var p = o.document.createElement('p')
其实至此便已经完成,但鼠标移到图标上面依然是插入水平线,所以再改另一处
lang文件夹下的zh-cn.js文件
找到里面的插入水平线直接改成插入新行即可

缺陷

因为默认的插入代码是
<hr>
<p></p>
并在插入后将光标定位到p标签里面,整断实现的代码
var p = o.document.createElement('p'),
                q = new d.range(o.document);
                o.insertElement(p);
                q.moveToPosition(p, 4);
                var r = p.getNext();
                if (!r || r.type == 1 && !r.isEditable()) q.fixBlock(true, o.config.enterMode == 3 ? 'div': 'p');
                q.select();
改成p标签后,变成插入双P标签
<p></p>
<p></p>
但我删除后只让其插入一个p标签后,光标不会定位到这个标签中,导致没有输入点,不起作用。

JS学的实在太烂, 解决不了这问题。

评论

大侠名号:   验证暗号: 点击我更换图片

继续阅读