ueditor配置

 1.在项目的的任意文件夹中建立一个存放ueditor相关资源和文件的目录在根目录下建立一个ueditor

2.拷贝源码包中的dialogs themes third-party editor_all.js editor_config.js lang

到文件中其中

3.为简单起见,此处将以根目录下的index.php页面作为编辑器的实例化页面,用来展示UEditor的完整版效果。在index.php文件中,首先导入编辑器需要的三个入口文件

1.编辑器内容的初始化

 在editor_config.js文件中找到initialcontent参数设置其值为需要的提示或者问候语即可

 2.编辑旧文章从数据库中取出富文本放置到编辑器

 <script type="text/plain" id="editor">

     //从数据库中取出文章内容打印到此处

 </script>

 3.提交编辑器内容之服务器之后端

 

  1. <form action="" method="post"> 
  2.  
  3.      <script type="text/plain" id="editor" name="myContent"> 
  4.  
  5.      </script> 
  6.  
  7.      <input type="submit" name="submit" value="提交"> 
  8.  
  9.  </form> 
  10.  
  11.  $_POST["myContent"] 

 

 

  1. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  2.  <title>编辑器完整版实例</title> 
  3.  <script type="text/javascript" src="ueditor/editor_config.js"></script> 
  4.  <script type="text/javascript" src="ueditor/editor_all.js"></script> 
  5.   
  6.  <textarea name="后台取值的key" id="myEditor">这里写你的初始化内容</textarea> 
  7.  <script type="text/javascript"> 
  8.      var editor = new UE.ui.Editor(); 
  9.      editor.render("myEditor"); 
  10.      //1.2.4以后可以使用一下代码实例化编辑器 
  11.      //UE.getEditor('myEditor') 
  12.  </script> 
  13.  最后一步在editor_editor.js中URLwindow.UEDITOR_HOME_URL||"/UETest/ueditor/";