在项目中使用UEditor碰到的几个问题

发布时间 2023-12-04 17:23:55作者: jialiangzai

1.文本编辑器的下拉框无法使用。即选择字号字体的下拉选择框无法使用。

通过调试,发现不是编辑器的下拉框没有出来,而是下拉框显示在弹出框的底部,猜测是否和z-index属性有关。

产生这个问题的原因是文本编辑器默认的z-index是900,而弹出框的z-index比900大,会将下拉框等覆盖住,即其在弹出框的底层,只需修改编辑器默认的z-index值比弹出框的值大即可。
2.第一次打开弹出框后关闭,第二次再打开时文本编辑器无法显示。

在调用UE.getEditor(‘editor’)初始化UEditor时,先从放置编辑器的容器instances中获取,没有实例才实例化一个Editor,这就是引起问题的原因。 在第一次跳转到编辑器界面时,正常的实例化了一个新的编辑器对象,并放入instances,调用editor.render(id)渲染编辑器的DOM;

第二次初始化时却仅从容器中取到实例:var editor = instances[id]; 直接返回了editor对象,而编辑器的DOM并没有渲染。在原来的代码前面加上UE.delEditor('editor'),然后再var ue = UE.getEditor('editor');
3.将编辑器的内容回显到编辑器,调用相关的方法无法将值赋给编辑器显示。

主要的原因是要在文本编辑器实例化完成以后再对编辑器进行操作。