zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    获取随机数
    性能测试工具
    Oracle 级联删除
    一些shell用法
    英文
    主题:【元宵赏灯】蛇年杭州元宵赏灯攻略(上城区、滨江区、下城区)
    CListCtrl 列表选中项非焦点时也是藍色
    ASCII码表
    杭州市公积金提取及相关知识
    ListBox设置水平滚动条
  • 原文地址:https://www.cnblogs.com/dixinyunpan/p/5985116.html
Copyright © 2011-2022 走看看