百度UEditor编辑器!合入PHP网站!.docx

一、富文本内容交互
1、编辑器内容初始化（即往编辑器中设置富文本）
场景一：写新文章，编辑器中预置提示、问候等内容。
在 文件中找到initialContent 参数，设置其值为需要的提示r generated textarea
1
if
8
(("textarea")) {
1
lab
9
(());
2
} else {
0
lab
2
(element)
1
}
2
}
2
});
2
= function() {
3
// put focus on tinymce on submit
2
validation
4 if( ) {
2 try {
5 var toFocus =
2 $(() || &&
6 [0].element || []);
2 if
7 (("textarea")) {
2
8 s()
2
} else {
9

3 ter(":visible").focus();
0
}
3
} catch(e) {
1
// ignore IE
3 throwing errors when
focusing hidden
elements
2
}
3
}
3
}
3
})
4
3
5
3
6
3
7
3
8
3
9
4
0
4
1
此处 editor 是编辑器实例对象。
场景三：编辑器不在任何Form 中，提交动作由外部事件触发。
该场景使用不多，但特殊时候可能需要。UEditor 也提供了对应的处理方案，基本逻辑跟场景二一样，只是在执行同步操作的时候需要传入提交form 的 id，如 (myFormID)即可。其他同场景二。
二、图片上传交互
1、传统图片上传
传统图片上传涉及到的前后端交互主要涉及“上传提交路径”以及“图片保存路径”两个参数，后台保存路径以任何形式（绝对或者相对）、在任何页面展示跟前台无关。
2、Flash 图片上传
Flahs 图 片上传和传统图片上传存在一个很大的区别：它需要服务器端实时返回“图片保存路径”用于在前台的即时展示。具体到编辑器，就是需要将返回的路径插入到编辑 器中。由此会引出除传统图片上传中提到的两个参数之外的第三个参数：“前后端修正路径”。如 果后台返回的保存路径是绝对路径（指以 http 开头的路径，以 根目录开始的路径也可勉强归入其中），那么前台无须做任何修正，否则用户必须十分清楚自己当前的目录结构并据此 修正这个前后端相对路径之间的差异。因 此，UEditor 极力推荐由服务器端返回以根目录开始的相对路径。
3、UEditor 中的上传实践及注意事项
在 UEditor 中，“上传提交路径”和“前后端修正路径”的配置位于 中。其中，imageUrl 参数对应着“上传提交路 径”，imagePath 参数对应着“前后端修正路径”。而“图片保存路径”则需要在server/upload/php 目录下的imageUp 文件中配 置。
1
2
3
4
5
6
7
8
9
//图片上传提交地址
imageUrl:URL+"server/upload/php/",
//图片修正地址，引用了 fixedImagePath,如有特殊需求，可自行配置
imagePath:fixedImagePath,
//图片描述的 key imageFieldName:"upFile",
//等比压缩的基准，确定 maxImageSideLength 参数的参照对象.
10 度
//0 为按照最长边，1 为按照宽度，2 为按照高
11 compressSide:0,
12