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>

相关阅读:
state estimation for robotics-1
Linux命令----用户目录、路径
 Linux命令----系统目录结构
 Linux命令----shell
socket php
深入浅出讲解：php的socket通信转
 phpstorm配置sftp自动上传
 linux下xdebug的安装和配置方法
 xdebug安装
 swoole 客户端和服务端不断通信
原文地址：https://www.cnblogs.com/dixinyunpan/p/5985116.html