在项目中使用UEditor碰到的几个问题
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.将编辑器的内容回显到编辑器,调用相关的方法无法将值赋给编辑器显示。
主要的原因是要在文本编辑器实例化完成以后再对编辑器进行操作。
在项目中使用UEditor碰到的几个问题的更多相关文章
- vue2.0项目中使用Ueditor富文本编辑器示例
		
最近在vue项目中需要使用富文本编辑器,于是将Ueditor集成进来,作为公共组件. 在线预览:https://suweiteng.github.io/vue2-management-platform ...
 - 在 .NET Core项目中使用UEditor图片、文件上传服务
		
在.NET Framework中使用UEditor时,只需要将UEditor提供的后端服务,部署为一个子程序,即可直接使用文件上传相关的服务,但是UEditor官方并未提供.Net Core的项目,并 ...
 - Css3帧动画深入探寻,讲点项目中实际会碰到的问题
		
先加个副标题XD --如何解决background-size为100%下处理@keyframes 正是在项目中遇到副标题,才引起我更深入的探寻 先略带一下基本的css3动画 css3的动画实现是通过属 ...
 - ASP.MVC 项目中使用 UEditor 文本编辑器
		
1.下载UEditor 源文件,并导入项目中 2.添加项目中需要使用的CSS和JS //Ueditor 文本编辑器必备的StyleBundle和ScriptBundle StyleBundle ued ...
 - 在基于AngularJs架构的ABP项目中使用UEditor
		
[前提须知] 读过此篇博客 了解angular-ueditor 了解ABP如何使用 会使用VS2017 [1.下载ABP模板] https://aspnetboilerplate.com/Templa ...
 - JSP项目中使用ueditor(百度编辑器)
		
1. 从http://ueditor.baidu.com下载JSP版本的ueditor,注意GBK和UTF-8两种版本. 2. 在Web Project项目的WebRoot目录下新增thirdpart ...
 - 在java项目中应用ueditor
		
虽然百度ueditor的官网和文档都已经很详细了.但是自己还是记录下 自己使用uEditor的过程. 这是 他的官网 http://ueditor.baidu.com/website/ 例子 文档什 ...
 - laravel+vue组合的项目中引入ueditor(打包成组件形式)
		
前言:最近写东西需要用到ueditor,并且需要是在vue组件中引入. (本博客默认你已经配置了laravel+vue的项目环境,如果还没有配置好的的小伙伴,可以看看我的另一篇博客,链接: http: ...
 - vue项目中使用ueditor
		
以vue-cli生成的项目为例 1.static文件夹下先放入ueditor文件 2.index.html添加如下代码 <script type="text/javascript& ...
 - 在maven项目中引用ueditor报错问题
		
遇到的问题:将pom.xml中引入 <dependency> <groupId>com.baidu</groupId> <artifactId>uedi ...
 
随机推荐
- SQL 数据库语句- 创建和管理数据库
			
SQL CREATE DATABASE 语句 SQL CREATE DATABASE 语句用于创建一个新的 SQL 数据库. 语法 CREATE DATABASE 数据库名称; 示例 以下 SQL 语 ...
 - 5. Determinant
			
5.1 The Properties of Determinants The determinant of the n by n identity matrix is 1 : \(det I = 1\ ...
 - MogDB/opengauss触发器简介(1)
			
MogDB/opengauss 触发器简介(1) 触发器是对应用动作的响应机制,当应用对一个对象发起 DML 操作时,就会产生一个触发事件(Event).如果该对象上拥有该事件对应的触发器,那么就会检 ...
 - centos-stream-9 centos9 配置国内yum源 阿里云源
			
源配置 tips: yum配置文件路径 /etc/yum.repos.d/centos.repo 1.备份源配置 [Very Important!] mv /etc/yum.repos.d/cento ...
 - Java面试题:为什么HashMap不建议使用对象作为Key?
			
HashMap 是一种基于哈希表的动态数据结构,它允许使用任意不可变对象作为键(key)来存储和检索数据.然而,在某些情况下,使用对象作为 HashMap 的键可能会遇到一些问题. 首先,我们需要明确 ...
 - 力扣233(java)-数字1的个数(困难)
			
题目: 给定一个整数 n,计算所有小于等于 n 的非负整数中数字 1 出现的个数. 示例 1: 输入:n = 13输出:6示例 2: 输入:n = 0输出:0 提示: 0 <= n <= ...
 - 阿里云AHAS Chaos:应用及业务高可用提升工具平台之故障演练
			
简介: 阿里云AHAS Chaos:应用及业务高可用提升工具平台之故障演练 应用高可用服务AHAS及故障演练AHAS Chaos 应用高可用服务(Application High Availabili ...
 - 基于 ASK + EB 构建容器事件驱动服务
			
简介:本篇文章以"在线文件解压场景"为例为大家展示经典 EDA 事件驱动与容器如何搭配使用. 作者:冬岛.肯梦 导读 EDA 事件驱动架构( Event-Driven Archit ...
 - 阿里云徐立:面向容器和 Serverless Computing 的存储创新
			
简介:以上为大家分享了阿里云容器存储的技术创新,包括 DADI 镜像加速技术,为容器规模化启动奠定了很好的基础,ESSD 云盘提供极致性能,CNFS 容器网络文件系统提供极致的用户体验. 作者:徐立 ...
 - [Go] golang 去除 URI 链接中的 query string 参数
			
思路是使用 golang 的 net/url 包提供的方法解析url各部分,其中 URL.RawQuery 为查询参数部分,格式如 :a=b&c=d 然后我们再通过 strings.Repla ...