WEB项目中使用UEditor(富文本编辑器)

Ueditor富文本编辑器是在很多项目里经常用到的框架,是百度开发团队开发的一款很好用的富文本编辑器


下面就是我在一个系统里用到的,有了富文本编辑器,管理员使用起来不是很方便/span>

所以本博客介绍这个富文本编辑器的使用哈!觉得写得不错的请点赞哈,有建议欢迎提哈!^V^

WEB项目中使用UEditor(富文本编辑器)

然后启动tomcat服务器

  http://localhost:8080/项目名称t/ueditor1_4_3_2/jsp/controller.jspction=config

这个要根据你的项目进行修改的哈

可以输出这个,什么编辑器导入成功

在CODE上查看代码片 WEB项目中使用UEditor(富文本编辑器)

  1. <span style=“font-size:18px;”><script type=“text/javascript” charset=“UTF-8” src=“<%=basePath %>ueditor1_4_3_2/ueditor.config.js”></script>  
  2.     <script type=“text/javascript” charset=“UTF-8” src=“<%=basePath %>ueditor1_4_3_2/ueditor.all.min.js”> </script></span>  

复制ueditor里面的index,html代码,这个要根据需要去复制的

[html]  view plain  copy   派生到我的代码片

  1. <span style=“font-size:18px;”><script type=“text/javascript”>  
  2.   
  3.     //实例化编辑器  
  4.     //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor(‘editor’)就能拿到相关的实例  
  5.     var ue = UE.getEditor(‘editor’);  
  6.   
  7.   
  8.     
  9.     function getContent() {  
  10.         var arr = [];  
  11.         arr.push(“使用editor.getContent()方法可以获得编辑器的内容”);  
  12.         arr.push(“内容为:”);  
  13.         arr.push(UE.getEditor(‘editor’).getContent());  
  14.         alert(arr.join(“n”));  
  15.     }  
  16.       
  17.      
  18. </script></span>  


来源:Luyifei666

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2017年3月24日
下一篇 2017年3月24日

相关推荐