ueditor编辑器【实际项目使用】
【页面效果】
【代码】
说明: ueditor插件的公共代码; 如果是一个可以放在对应模块的js代码中 如果有多个就要提到全局的高度(即提到公共部分)
<script type="text/javascript"> window.UEDITOR_HOME_URL = "${ctx}/static/vendor/ueditor/"; var jsessionid = $.cookie("JSESSIONID"); var fileUrl,videoUrl; if(jsessionid) { fileUrl = "${dy}/upload_file.jspx;jsessionid="+$.cookie("JSESSIONID")+"?ueditor=true"; videoUrl = "${dy}/upload_video.jspx;jsessionid="+$.cookie("JSESSIONID")+"?ueditor=true"; } else { fileUrl = "${dy}/upload_file.jspx?ueditor=true"; videoUrl = "${dy}/upload_video.jspx?ueditor=true"; } </script>
1 <tr> 2 <td class="in-lab" width="15%">成果详情:</td> 3 <td><textarea id="clobs_detail" name="achievementdetail">${bean.achievementdetail}</textarea> 4 <script type="text/javascript"> 5 $(function() { 6 var editor_text = UE.getEditor('clobs_detail',{ 7 toolbars: window.UEDITOR_CONFIG.toolbars_BasicPage, 8 initialFrameWidth:668, 9 initialFrameHeight:200, 10 imageUrl:"${dy}/upload_image.jspx?ueditor=true", 11 wordImageUrl:"${dy}/upload_image.jspx?ueditor=true", 12 fileUrl:fileUrl, 13 videoUrl:videoUrl, 14 catcherUrl:"${dy}/get_remote_image.jspx?ueditor=true", 15 imageManagerUrl:"${dy}/image_manager.jspx", 16 getMovieUrl:"${dy}/get_movie.jspx", 17 elementPathEnabled: false, 18 wordCount: true, 19 readonly:false 20 }); 21 }); 22 </script></td> 23 </tr> 24 25 <tr> 26 <td class="in-lab" width="15%">获奖情况:</td> 27 <td><textarea id="clobs_pro_awardsdescribe" 28 name="pawardsdescribe">${bean.awardsdescribe}</textarea> <script 29 type="text/javascript"> 30 $(function() { 31 var editor_text = UE.getEditor('clobs_pro_awardsdescribe',{ 32 toolbars: window.UEDITOR_CONFIG.toolbars_BasicPage, 33 initialFrameWidth:668, 34 initialFrameHeight:200, 35 imageUrl:"${dy}/upload_image.jspx?ueditor=true", 36 wordImageUrl:"${dy}/upload_image.jspx?ueditor=true", 37 fileUrl:fileUrl, 38 videoUrl:videoUrl, 39 catcherUrl:"${dy}/get_remote_image.jspx?ueditor=true", 40 imageManagerUrl:"${dy}/image_manager.jspx", 41 getMovieUrl:"${dy}/get_movie.jspx", 42 wordCount: true, 43 readonly: false 44 }); 45 }); 46 </script></td> 47 </tr>