美文网首页
记ueditor富文本使用中的一些问题

记ueditor富文本使用中的一些问题

作者: 小前seant | 来源:发表于2017-03-29 15:56 被阅读417次

很久没有写文章了,一方面生活琐事没调整过来,另一方面最近忙了一个比较繁琐的项目。
在这个项目里使用了ueditor,开发环境下用的没什么问题,但是测试环境下遇到了不少。
在此文章记录几个解决和未解决的问题以及以后可能会遇到的问题:

1.配置路径

目的:当前使用富文本的页面可以找到ueditor资源。
方法:当前页面添加<script>window.UEDITOR_HOME_URL='你的路径';</script>

2.跨域问题

开发环境受环境限制,没能搭起来不同域的环境测试。所以一开始并没有遇到这样的问题,放到测试环境后便遇到了很多。
主要问题就是:使用ueditor资源下的dialog文件夹下的各种功能受限。原因在于:页面所处位置与静态资源所处域不同,比如:页面所处a.yu.com静态资源所处b.yu.com就会出现跨域问题。(如预览、超链接此类功能都是在dialog下先编写网页,然后内嵌到iframe中去的,在iframe中调用不同子域时就会出现跨域问题)
解决方法:由于一级域名是一样的,解决方法简单一点,在internal.js最初填写document.domain = 'yu.com',所用的页面上也添加document.domain = 'yu.com'即可

3.上传图片

目前项目中使用的上传图片只开放了单图上传,且后端并没有使用官方提供的jar包,而是直接返回了所需要的配置。在没有解决2问题时,单图上传功能可用,但设置完成以后,单图上传功能不可用,上传完成的图片在富文本框内显示为叉号图片,见下图



目前尚未解决此问题,等待下一步测试调试。
此文章将记录我使用ueditor遇到的各种各样的问题,看起来一堆血泪史要诞生了。。

相关文章

  • Django Ueditor Vue集成

    介绍 Django支持Ueditor富文本,并且前端使用Vue 在使用中发现UEditorField中的image...

  • 记ueditor富文本使用中的一些问题

    很久没有写文章了,一方面生活琐事没调整过来,另一方面最近忙了一个比较繁琐的项目。在这个项目里使用了ueditor,...

  • springboot集成ueditor

    ueditor ueditor是百度开源的富文本编辑器。使用教程可以参考官网。ueditor JPS版下载地址 S...

  • vue使用富文本编辑器vue-ueditor

    vue使用富文本编辑器vue-ueditor npm i vue-ueditor --S 组件里面只需要写

  • Django 富文本框,邮箱

    1.富文本框 先下载要引入的富文本框的文件,我用的是百度的UEditor下载地址:(http://ueditor....

  • 百度富文本ueditor

    关于百度富文本使用备忘Vue 项目使用这个插件 vue-ueditor-wrap需要将 https://gitee...

  • 富文本插件ueditor的使用

    在后台编辑页中经常要用到富文本编辑器,比较常用的就是百度的开源插件ueditor,为了快速,没有看文档,直接百度,...

  • Ueditor使用趟坑相关文章

    参考文章: 1、vue集成ueditor的注意事项2、在Vue2.0中集成UEditor 富文本编辑器3、vue ...

  • 常用编辑器大全

    一、富文本编辑器 1、UEditor UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有...

  • SpringBoot整合UEditor

    当前开发项目涉及到富文本框,了解了不少富文本编辑器之后,最终决定使用度娘的UEditor。原因:功能强大,并且自带...

网友评论

      本文标题:记ueditor富文本使用中的一些问题

      本文链接:https://www.haomeiwen.com/subject/doaeottx.html