哎,说起来百度编辑器,这玩意儿我玩儿了好久,感觉还挺有意思的。一开始纯粹是工作需要,后来就…越玩越上头了,哈哈!其实吧,这东西用起来真的挺easy的,一点都不复杂。
先说下载安装吧,这部分真的超级简单。我记得当时直接去百度官网下的,找了好久才找到下载链接,现在想来,或许官网改版了吧。反正找到下载链接后,直接下载压缩包,解压,完事儿!整个过程,我感觉也就喝杯咖啡的时间。版本嘛,我用的比较老的版本了,具体是哪个记不清了,反正能用就行,没必要追求新版本,毕竟我主要用来写写东西,也不是做啥高精尖项目。
解压之后的文件目录,乱七八糟的,一堆js、css文件,看着就头大。不过不用担心,你根本不用管这些文件是干嘛的,你只需要找到ueditor.config.js这个文件就行了。这个文件相当于编辑器的配置文件,你可以在这里修改一些配置,比如工具栏的按钮、上传文件的路径等等。 我当时改过几次,主要是为了方便自己用,比如把一些不常用的功能按钮给去掉了,留下了常用的几个,看着清爽多了。
文件类型 | 作用 | 是否需要修改 |
---|---|---|
ueditor.config.js | 编辑器配置文件 | 根据需要修改 |
dialogs | 弹出对话框相关文件 | 一般不需要修改 |
jsp(或其他后端代码文件) | 后端处理文件 | 根据你的后端技术选择 |
然后就是怎么用了。这部分也超easy。在你的HTML页面里,引入ueditor.all.js(还是哪个文件来着,我记性不好,反正就是那个包含功能的文件)和ueditor.config.js,然后写一段简单的代码,创建一个编辑器实例,就OK了。具体代码我就不写了,百度一下一大堆,而且网上那些代码都差不多。我是直接复制粘贴的,稍微改了改路径就用了。
说点好玩儿的。我用百度编辑器写东西,喜欢用的是它的图片上传功能。以前用其他的编辑器,上传图片总是一堆麻烦,要先上传到服务器,然后才能显示在编辑器里。百度编辑器这个功能就方便多了,直接拖拽上传,或者点击上传按钮,几秒钟就搞定了。而且它还支持多种图片格式,这点真心赞!
我还发现百度编辑器有个挺有意思的功能,就是可以自定义工具栏。你可以根据自己的需要,选择哪些按钮显示在工具栏上,哪些按钮隐藏起来。这对于我这种懒人来说,简直就是福音!我只会用几个常用的按钮,其他的都隐藏了,看着干净多了。这功能让我感觉自己是在玩儿“我的编辑器”游戏,可以按照自己的喜好去定制,挺有意思的。
当然,也有一些小比如,有时候粘贴复制会有点文字格式会乱掉。还有就是,有时候上传图片会失败,不过重试几次一般就OK了。这些小对我来说,影响不大,毕竟我只是拿它来写写东西,不是用来做啥专业编辑工作的。
再补充一点小技巧吧,如果你想让你的编辑器看起来更漂亮,你可以修改ueditor.config.js文件里的主题配置。百度编辑器自带好几种主题,你可以选择自己喜欢的主题。或者你还可以自己创建一个主题,让你的编辑器看起来独一无二,这感觉就像在玩儿“我的编辑器”DIY游戏,挺好玩的。
还有个小技巧,就是关于富文本编辑器的兼容性不同的浏览器,对富文本编辑器的支持程度不一样。有时候,在某些浏览器里,编辑器可能显示不正常,或者某些功能无法使用。这个问题我一开始也遇到过,后来发现是浏览器版本的升级了浏览器就解决了。所以,建议大家使用比较新的浏览器版本。
我还发现了一个很有意思的功能:自定义按钮。你可以自己编写一些Javascript代码,然后添加到编辑器中,作为自定义按钮。这就相当于给编辑器添加新的功能,这让我感觉编辑器不再只是一个简单的编辑器,而是一个可以无限扩展的工具。我尝试过添加一个“一键排版”的按钮,自动帮我把文章排版得整整齐齐,感觉相当爽快。
百度编辑器用起来真的很easy,上手快,功能也挺全的,虽然偶尔会遇到一些小但瑕不掩瑜。对于我这种只是需要简单编辑文档的人来说,它已经足够用了。
那么,你用过百度编辑器吗?有什么好玩的技巧或心得,欢迎分享哦!