快速掌握百度编辑器在php中基本使用.docx

/***********************************************/ 引入百度编辑器ueditor： 使用方法如下： 下载ueditor编辑器文件后,将其放在自己的引入路径（include）文件夹中，ueditor编辑器文件（使用版）包括editor_all.js,editor_configs.js等文件。 1. php中引入文件及文本域： link rel=stylesheet type=text/css href=ueditor/themes/default/css/ueditor.css/ script type=text/javascript src=ueditor/editor_all.js/script script type=text/javascript src=ueditor/editor_config.js/script form name=form action=test.php method=post !--一下页面的三个编辑器如下-- div script type=text/plain id=learnTarget name=learnTarget/script /div div script type=text/plain id=learnTarget name=learnImportant/script /div div script type=text/plain id=learnTarget name=learnWay/script /div /form *注意引入文件的路径根据实际情况而定 2.在php文档包含的js文件中: a.初始化文本编辑器 script editor1 = new baidu.editor.ui.Editor({ initialContent:内容,initialFrameWidth:500,initialFrameHeight:300});//定义一个编辑器对象？ editor1.render(learnTarget);//实例化编辑器对象，其中learnTarget是编辑器的id editor2 = new baidu.editor.ui.Editor({ initialContent:内容,initialFrameWidth:500,initialFrameHeight:300}); editor2.render(learnImportant); editor3 = new baidu.editor.ui.Editor({ initialContent:内容,initialFrameWidth:500,initialFrameHeight:300}); editor3.render(learnWay); /script 1)initialContent:表示文本域所给的默认值； 1)initialFrameWidth:表示给编辑器设计的宽度； 3)initialFrameHeight:表示给编辑器设计的高度； b.用js获取及设置文本域的内容： script //获取文本域内容 var learnTarget = myTrim(editor1.getContent()); var learnImportant = myTrim(editor2.getContent()); var learnWay = myTrim(editor3.getContent()); //更新文本域内容 editor1.setContent(新内容); editor2.setContent(新内容); editor3.setContent(新内容); /script c.用js提交文本域内容 script returnEditor = UE.getEditor(learnTarget);//获取编辑器 returnEditor.sync();//使编辑器与文本域中的文本保持同步 returnEditor = UE.getEditor(learnImportant); returnEditor.sync(); returnEditor = UE.getEditor(learnWay); returnEditor.sync(); document.form.submit(); /script /***********************************************/