引入百度编辑器

在编辑详细信息是可以引入高级的编辑器，例如:百度编辑器，

百度编辑器有很多功能，可以编辑文字的样式，也可以插入图片，编辑涂鸦等功能

首先要下载ueditor文件，也就是编辑器文件，在ueditor.baidu.com目录下下载

下载后将文件放在自己的服务器目录下，改名为ueditor

然后创建HTML文件，引入两个js文件，uditor.config.js和uditor.all.js

<script type="text/javascript" src='ueditor/ueditor.config.js'></script>
<script type="text/javascript" src='ueditor/ueditor.all.js'></script>

再写一个textarea标签，创建id

<textarea  id="myEdit" ></textarea>

 再创建script标签，在这个标签中创建对象

<script type="text/javascript">
    var editor=new UE.ui.Editor();
    editor.render('myEdit');

</script>

 最后在uditor.config.js文件中更改URL为这个编辑器的目录

 var URL = window.UEDITOR_HOME_URL || "./ueditor/";

 所有的配置项都在ueditor.config.php中进行配置，例如配置宽和高

,initialFrameWidth:700  //初始化编辑器宽度,默认1000
,initialFrameHeight:400  //初始化编辑器高度,默认320

刷新这个HTML文件，就能在自己的页面看到百度编辑器了

 

配置项也可以作为对象的参数设置，例如：

 var editor=new UE.ui.Editor({initialFrameWidth:700});