最近需要使用到网页后台富文本编辑器。经过同学推荐，最后决定使用百度家的Ueditor. 官方提供了网页上非常方便的自定义工具栏的功能。自定义之后直接下载对应的代码包并按照文档部署到项目中即可。其中主要的问题是路径的配置。
首先是将下载好的代码包发布到我们项目的根目录下面。然后在需要添加富文本编辑器的页面头部添加如下代码：      1. <script type="text/javascript" src="相对该文档的路径
/fig.js"></script>
2. <script type="text/javascript" src="相对该文档的路径
/ueditor/ueditor.all.js"></script>
3. <script>
4. <span >  </span>window.UEDITOR_HOME_URL = "/项目相对网
址池绝对路径/ueditor";  5. </script>
editorjs配置路径这一块是非常重要的。特别是下面的Ueditor的路径，是相对我们整个代码库的目录的。
配置完成之后，直接在我们网页中的<textarea>标签下面添加ueditor的初始化代码：
1. <script type="text/javascript">
2.    var editor = new UE.ui.Editor({initialFrameHeight:100,initialFrameWidth:
400 });
3.        der("actDescribe");
4. </script>
官方的文档并没有给出如何设置ueditor的宽度和高度的说明。这是我在网上网友那里到的解决方法。在声明编辑器的变量的时候，在参数列表中添加对initialFrameHeight和initialFrameWidth的设置即可。注意，数值后面不需要添加px。
可是，这种方法有时候奏效有时候也不奏效，因为我碰过一种情况就是无论如何调整
initialHeight和initialWidth的数值，编辑器的大小都还是不会改变。这个时候，我发现，可以通过调整editor所跟随的textarea的宽高来撑开editor的大小。这也是一种方法，各位同学在官方说明文档出来之前可以两种方法都尝试一下。
当然，好用的文本编辑器还是有很多的，例如kindeditor，之前准备使用这个的，而其文档方面也比较齐全，同时，整个编辑器的size也比较小，对网页的加载速度比较有利。百度的Ueditor还是有点庞大。加载时会有卡顿的速度。估计是我对底层代码的研究不够，多了很多不必要的内容。慢慢研究或许可以使得Ueditor变小。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。