关于富文本编辑器froala editor和百度Ueditor使用问题

在开发过程中使用到了富文本编辑器实现功能，一开始项目中使用的时froala editor1.2.2版本，但是在使用中发现该版本在从word文档中复制文字到编辑器中时，在粘贴文字的结尾会产生乱码。因为word文档在本机保存时采用GB2312编码，编辑器中多采用UTF-8编码，所以会乱码。

但在froala editor最新版本2.7版本中，没有该问题，但是2.7版本的使用环境需要服务器联入公网，如果是传统项目，服务器没有链接外网，会导致编辑器导航条的icon显示不出来（控制导航条的css是从远程地址上引入的，地址配置的是相对路径，所以将css下载下来也是显示不出来的，有该想法的小伙伴们别费劲了，除非你找UI切图，然后手动替换，我想还是别这么蛋疼了）。

后来采用了百度Ueditor，在使用过程中遇到的一些问题与大家分享一下。在使用ueditor上传图片时，点击icon以后要卡顿很久才能显示出来，解决方式：单张图片上传将/ueditor.all.js 或者 /ueditor.all.min.js中的accept="image/*"改成accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"，针对多张图片上传/ueditor/dialogs/image/image.js 文件下的代码，修改

accept: {title: 'Images',extensions: acceptExtensions,mimeTypes: 'image/*'},

正常上传图片需要修改它的配置文件，ueditor/jsp/config.json文件，如果需要自定义上传路径的话，需要配置filePath属性，将你要上传的地址配置上，主要是imageUrlPrefix属性，我在使用过程中发现在本机windows中配置时不需要添加项目名称，但是在linux环境下需要添加上项目路径和访问前缀，至于为什么至今没有实验出来。有的帖子说时因为

controller.jsp文件中是以String rootPath = application.getRealPath( "/" );

的代码，在window获取的是服务器的根目录，结尾包含分隔符，在Linux下获取的不含分隔符。但我在实际测试过程中，发现linux环境下rootPath的值和在Windows环境下通过debug获取的值是一样的，so该说法貌似是不成立的。至今没有查出原因，有了解的小伙伴可以指点一下。

写的不好，大家见谅！！

关于富文本编辑器froala editor和百度Ueditor使用问题相关推荐

微信小程序富文本编辑器组件 editor
微信小程序富文本编辑器组件 editor <view class="container"><view class="titlebox"> ...
所见即所得html5编辑器,一个漂亮的所见即所得(WYSIWYG)富文本编辑器:Froala
本文翻译来自wysiwyg-editor,大家想看原文可以点击此链接. 介绍 WYSIWYG HTML编辑器是一款有史以来最强大的JavaScript富文本编辑器之一.它采用了最新的技术,并利用jQu ...
JavaScript 所见所得文本编辑器 Froala Editor 4.0.17Crack
Froala Editor v4.0.17 清除格式工具现在可以从粘贴的内容中删除内联样式. 2023 年 1 月 24 日 - 9:07新版本特征清除格式工具现在可以从粘贴的内容中删除内联样式. ...
现代化富文本编辑器 Quill Editor
介绍近期在弄富文本编辑器相关的内容,其中项目中使用了 Quill Editor(后面简称 Quill).Quill 自称是一个现代化强大的富文本编辑器,它与其它富文本编辑器(例如 UEditor)不 ...
使用微信小程序富文本编辑器组件 editor
先看下官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 富文本组件文档文档上的代码比较少建议在开 ...
基于React的富文本编辑器——Braft Editor使用
antd 是基于 Ant Design 设计规范实现的高质量 React 组件库,倾向于只提供符合该规范且带有视觉展现的 UI 组件,也尽量不重复造轮子. 如果要在React项目中使用富文本编辑器, ...
html 组件化编辑器,vue.js组件化使用百度富文本编辑器（一）
注意: 本文采用的编辑器为:idea 1.下载百度富文本编辑器,地址:https://ueditor.baidu.com/website/download.html#ueditor 2.加入到stat ...
Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
关于微信小程序富文本编辑器回显数据初始化editor的时候，页面滑动到最底部了
** 一个页面高度超出一屏时,底部使用了富文本编辑器组件editor之后,如果在进入页面时对editor进行了赋值,页面会滚动到底部控制页面不滚动到底部?** 这个问题的关键是进入页面给富文本赋值造 ...
小程序开发笔记（二）：微信小程序富文本编辑器editor的使用
小程序在去年5月的 v2.7.0 版本新增了组件editor富文本编辑器,但对于像我这种开发新手,要熟练使用还是有一定难度.所以记录一下我的学习过程,希望对大家有帮助. 小程序有详细的微信开发 ...

关于富文本编辑器froala editor和百度Ueditor使用问题

关于富文本编辑器froala editor和百度Ueditor使用问题相关推荐

最新文章

热门文章