Ueditor相关问题

  • 将UEditor部署到项目中之后,工具栏上面的提示文字出现乱码,怎么办?

这是由于项目本身的编码格式和UEditor的编码格式不同造成的。目前UEditor只提供了UTF-8格式的版本,如果用户网站的编码格式采用的是非UTF-8格式,那就有可能出现乱码现象。解决方法是将UEditor中的对应文件转成对应的编码格式即可。点此下载转码工具。

  • 表情设置了本地化之后,插入的表情只显示了一个叉叉,怎么办?

首先请确保dialogs/emotion/目录下存在images文件夹及其下属的所有表情文件。如果检查后确实存在对应的表情文件,那可以在编辑器中点击未显示的表情图标,在弹出的浮层中点击“修改”,然后查看地址栏中的表情地址是否指向对应的目录。如果没有,请修改editor_config.js配置文件中的URL参数。

  • 上传的图片在编辑器中显示不出来,怎么办?

一般上来说,这是由于图片路径配置错误引起的。图片路径的配置需要和后端处理程序结合来确定。假设后端返回的路径是“uploadfiles/1234231432.jpg”(查看图片上传教程 ),那么前端editor_config.js文件中的配置项imagePath需要配置的信息是从根目录一直到uploadfiles的上级目录为止。

  • 图片上传成功之后,在编辑器中能显示出来,但是保存到数据库后在项目的另外一个页面却不能正确显示,怎么办?

UEditor的图片上传默认采用了相对地址保存的方式,在数据库中存储的地址是相对于编辑器实例化页面的(如果希望使用绝对地址,也可以在editor_config.js中修改imagePath的值为网站的绝对地址)。因此如果在另外的页面需要展示数据库中的图片时,需要手动去调整对应的图片地址。一种方式是替换字符串,另外一种方式是设置base标签。具体可以参考我们提供的demo示例。

  • 代码高亮功能在编辑器中能够正确显示,可是在展示页面却没有高亮效果,为什么?

UEditor的代码高亮功能需要对应的CSS样式支持。在编辑框内,UEditor默认已经加载了对应的样式,但是当用户将提交保存后的代码展示在其他页面的时候,失去对应样式支持的代码高亮肯定是没有效果的。解决的方法是在需要展示代码高亮的页面导入UEditor资源文件夹third-party目录下的对应CSS文件和JS解析文件。具体来说,就是导入shCoreDefault.css文件和shCore.js文件,然后在页面中执行 SyntaxHighlighter.all()即可。

  • IE6下初始化编辑器的时候报错,并提示“已终止操作”怎么办?

这种出现原因一般是实例化编辑器的时候DOM元素尚未加载完成导致的。解决方案是等待dom元素加载完成之后再进行实例化,其中一种方法是在实例化编辑器的时候添加settimeout方法,示例代码如下:

    <script type="text/javascript">
        var editor = new baidu.editor.ui.Editor({textarea:‘myValue‘});
        setTimeout(function(){
            editor.render("myEditor");
        },0);
    </script>
  • 大部分编辑器的容器都使用textarea,为什么UEditor采用了很特殊的script标签?

首先要说明一点的是,UEditor也支持textarea标签作为编辑器的外围容器,只要将对应的标签名字换成textarea即可。除此之外,UEditor还支持使用div和script标签作为其容器。之所以要这样做,只是为了尽最大可能去满足和适应用户的各种不同需求。官方推荐使用script标签的原因是textarea会在提交数据的时候自动对里面的部分html文本进行一次转码,从而导致有些不熟悉的用户在再编辑的时候出现编码混乱的问题。而使用script标签可以很好地克服这个缺点。

  • 如何禁用编辑器提供的右键菜单?

UEditor提供了自适应选区内容的右键菜单,建议用户不要禁用。如果非要禁用的话,可以在编辑器初始化话的时候传入参数contextMenu:[]即可。

  • IE6下切换源码的时候明显感觉到延迟现象,怎么回事?

UEditor集成了codemirror第三方插件用来实现源码高亮模式,因此在切换的时候需要做很多的特殊处理从而导致了速度变慢。没有源码高亮需求的同学可以在配置项中设置sourceEditor: "textarea"来关闭这个效果。

  • 图片上传的页面或者图片转存页面上的上传falsh渲染不出来怎么办?

这种情况的出现一般是因为没有将编辑器相关文件部署到服务器,而是直接在本地打开demo页面造成的,具体原因是受到了flash安全机制的限制。请同学们在测试代码,尤其是图片上传等需要和后端交互的模块时,请务必将编辑器部署到服务器中运行。

  • 从数据库中获取数据,然后通过initialsContent参数或者script、textarea等标签设置到编辑器之后,出现语法错误提示或者显示内容不完整,怎么办?

出现这个问题的原因一般是初始化的内容中存在特殊的标签或者符号导致的。举例来说,如果通过设置initialsContent的方式来初始化的话,那么其值中出现的所有内容必须对引号(‘或者")进行转码,否则具体内容会和系统定义的单引号冲突,造成内容被截断,或者直接报错。如果用textarea标签或者script标签来初始化的话,那必须确保内容中班不能出现script或者textarea标签,否则也会出现内容被截断的现象。

时间: 2024-11-05 13:30:26

Ueditor相关问题的相关文章

UEditor For ASP.Net Core Use Qiniu

UEditor For ASP.Net Core Use Qiniu 此项目为UEditor提供文件管理; 后端服务使用 ASP.Net Core; 使用七牛提供的云存储; 项目地址 http://git.oschina.net/joesjiang/BaiduEditorUseQiniu.NetCore 运行示例 设置 QiniuFileController.cs 中的以下部分即可直接运行. private readonly string accessKey = "xxx"; // 七

ExtJs 集成UEditor and KindEditor

贡献两个Extjs 4.2 编辑器插件 1.UEditor(使用页面需要引用UEditor相关文件) Ext.define('App.ux.UEditor', { extend: 'Ext.form.field.Text', alias: ['widget.ueditor'], //alternateClassName: 'Ext.form.UEditor', fieldSubTpl: [ '<textarea id="{id}" {inputAttrTpl}', '<tp

vue集成ueditor

相关代码见github 1.引入ueditor相关的文件,具体目录见下图如下 我将下载的文件放在static下面,这里专门用来放置相关的静态文件 (在ueditor.config.js需要配置一下路径 var URL = window.UEDITOR_HOME_URL || '/static/ueditor_1/')根据自己的文件路径各自处理 2.新建一个Ueditor.vue组件对象,该组件用来封装ueditor,用来进行复用. <template> <div> <!--下

springMVC -- 整合UEditor(富文本编辑器)

工作中需要用到UEditor编辑文本,在与springMVC进行整合时,出现了一些问题,结果导致,在进行图片上传时出现如下提示: 上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题. 1.编写controller 如下(该接口是ueditor前后台交互的统一路径) : package com.test.dcdp.controller; import java.io.IOException; import java.io.PrintWriter; import javax.servlet

【军哥谈CI框架】之CI中集成百度UEditor

Hello,各位亲,新的一周来临啦,很高兴这么快又跟大家伙见面!话说上一回,军哥带大家用JQuery写了一个城市级联菜单的例子 ,不知道亲们学会了多少,是否自己可以独立写出来了呢. 军哥很是期待大家学有所获的,有不明白的地方随时留言吧.好了,接下来,今天军哥要带大家来一起来完成如何在CI框架中集成百度的UEditor编辑器. 我们先简单来了解一下为什么选择百度UEditor编辑器? UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源

在网站中使用UEditor富文本编辑器

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点. 官网链接 进入到下载页面,选择相应的版本下载 这里我们使用ASP.NET开发,所以选择.NET版本. 将文件解压后,目录结构如下: 将外部js引入到页面中 <script src="Assets/js/ueditor/ueditor.config.js" type="text/javascript"></script> <s

springMVC -- 对接UEditor(富文本编辑器)

工作中需要用到UEditor编辑文本,在与springMVC进行整合时,出现了一些问题,结果导致,在进行图片上传时出现如下提示: 上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题. 一种方式是直接修改源码,步骤如下: 1.编写controller 如下(该接口是ueditor前后台交互的统一路径) : package com.test.dcdp.controller; import java.io.IOException; import java.io.PrintWriter; im

vue3.0 + ueditor

公司有个需求,需要做个发送邮件的模版(富文本对于模版的扩展性更好吧) 关于富文本,也找了一些好看且支持vue的,但是功能都没有百度全面 反正这个系统也是自己人用,颜值无所谓了 关于vue2.0+ueditor 有需要的可以看原文:https://juejin.im/post/5c6e78f95188252f30483be3 注:我是参考的这个配的vue3.0+ueditor 第一步:下载Ueditor相关静态文件 在下载的同时,不要让小手闲着,安装vue-ueditor-wrap npm i v

ASP.NET MVC4+BootStrap 实战(十二)

最近实在是太忙,没时间写博客,只能夜里等孩子睡着了再写.感觉最近一个月又是在浪费时间,心里万分焦急.感觉自己的技术还不行,但是却没有时间去加强.吉日嘎啦的<程序员你伤不起>一书中讲到要孩子要晚了的坏处,比如自己30岁要的孩子,自己60岁了,孩子都30岁了,可能谁也照顾不上谁.其实我想说的是生早了也同样有坏处,比如现在只能晚上12点后写博客写程序. 好了,不多说了,来点高兴的,第一次也是第一个获得组内季度之星奖杯的我,终于觉得自己这三个月来当Master并且承担Coding任务的艰辛得到了很好的