Ueditor百度网页编辑器开发者版java utf-8的使用

时间：2023-03-10 04:05:16
Ueditor百度网页编辑器开发者版java utf-8的使用 
index.jsp主要代码：
<html>

  <head>

    <title>网页编辑器</title>

     <script type="text/javascript" charset="utf-8" src="./ueditor/ueditor.config.js"></script>

     <script type="text/javascript" charset="utf-8" src="./ueditor/ueditor.all.js"></script>

     <LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">  
    <script>

     <span style="white-space:pre">  </span>window.UEDITOR_HOME_URL = "/ueditor03/ueditor";

    </script>  
  </head>

  <body>

    <div align="center">

       <textarea id="newsEditor" name="content"> </textarea>

         <br/>

       <script type="text/javascript">

          var editor = new UE.ui.Editor({initialFrameHeight:1000,initialFrameWidth:1000 });

          editor.render('newsEditor');

         /*   UE.getEditor('newsEditor'); 上面的代码是设置网页编辑器的宽和高的，也就是大小。没有要求的话直接引用备注里的代码就可以  */

   </script>

   </div>

  </body>

</html>
  • 打开editor_config.js配置文件
  • 配置路径var URL = window.UEDITOR_HOME_URL || "/ueditor03/ueditor/";       此处ueditor03是个人项目名称
  • 注意index.jsp代码中的引用和body中的代码，因为ueditor版本的不同，要进行相对应的修改，具体情况具体分析。
  • 到此可以发布运行项目，浏览器中可以进行编辑器的使用了！
  • 从ckeditor、ueditor和一些动态的模板中的编辑器来看，ckeditor是引用代码，修改代码最简单，代码最具有普遍性的，但是一些功能还是不够完善；ueditor是百度的一款网页编辑器，不得不说，功能非常多且方便，但是版本太多，开发者使用的时候，要根据版本的不同进行相应的引用修改，实际上引用的代码也是大同小异的。
  • 一些动态模板中的编辑器，颜色样式很好看，更侧重于美化，适当的时候可以更贴切整个系统的主题；一般功能都是最基础的，侧重于编辑比较少的文字内容；
  • 另，下了一个浮动样式的编辑器，选择文字就弹出编辑框。但是遗憾的是，引用到系统中，并不好用，更适合作为一种已经写好的文字的格式修改方式；
  • 后面会继续总结ueditor的一些使用方法和特点~~

相关文章