【页面效果】

【代码】

说明: 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>
                             <tr>
<td class="in-lab" width="15%">成果详情:</td>
<td><textarea id="clobs_detail" name="achievementdetail">${bean.achievementdetail}</textarea>
<script type="text/javascript">
$(function() {
var editor_text = UE.getEditor('clobs_detail',{
toolbars: window.UEDITOR_CONFIG.toolbars_BasicPage,
initialFrameWidth:668,
initialFrameHeight:200,
imageUrl:"${dy}/upload_image.jspx?ueditor=true",
wordImageUrl:"${dy}/upload_image.jspx?ueditor=true",
fileUrl:fileUrl,
videoUrl:videoUrl,
catcherUrl:"${dy}/get_remote_image.jspx?ueditor=true",
imageManagerUrl:"${dy}/image_manager.jspx",
getMovieUrl:"${dy}/get_movie.jspx",
elementPathEnabled: false,
wordCount: true,
readonly:false
});
});
</script></td>
</tr> <tr>
<td class="in-lab" width="15%">获奖情况:</td>
<td><textarea id="clobs_pro_awardsdescribe"
name="pawardsdescribe">${bean.awardsdescribe}</textarea> <script
type="text/javascript">
$(function() {
var editor_text = UE.getEditor('clobs_pro_awardsdescribe',{
toolbars: window.UEDITOR_CONFIG.toolbars_BasicPage,
initialFrameWidth:668,
initialFrameHeight:200,
imageUrl:"${dy}/upload_image.jspx?ueditor=true",
wordImageUrl:"${dy}/upload_image.jspx?ueditor=true",
fileUrl:fileUrl,
videoUrl:videoUrl,
catcherUrl:"${dy}/get_remote_image.jspx?ueditor=true",
imageManagerUrl:"${dy}/image_manager.jspx",
getMovieUrl:"${dy}/get_movie.jspx",
wordCount: true,
readonly: false
});
});
</script></td>
</tr>

ueditor编辑器【实际项目使用】的更多相关文章

  1. 在项目中引入百度的ueditor编辑器

    第一步:解压ueditor压缩包 在项目中按顺序引入三个文件 <script type="text/javascript" charset="utf-8" ...

  2. 一个页面实例化两个ueditor编辑器,同样的出生却有不同的命运

    今天遇到一个比较怪异的问题,有一项目需要在同一个页面上展现两个ueditor编辑器,在展现时并不任何问题,但当点击了“保存”按钮时就出错了,有其中一个ueditor在asp.net中无法获取编辑器的值 ...

  3. asp.net mvc4使用百度ueditor编辑器

    原文  http://www.cnblogs.com/flykai/p/3285307.html    已测试 相当不错 前言 配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好 ...

  4. Thinkphp整合最新Ueditor编辑器

    说到最新的富文本编辑器的确不少(ckeditor.fkeditor.ueditor),这些富文本编辑器如果单独使用基本上很方便,不需要做额外的配置,只要把官方的插件下载下来放到一个web容器中,看看 ...

  5. 百度UEditor编辑器使用教程与使用方法

    我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享 ...

  6. ueditor 编辑器的配置 实现上传图片---附效果图

    由于项目需要,最近使用了ueditor,实现了图片上传功能,在此分享一下遇到的一些问题. 项目使用net+mvc框架搭建,则选择的是NET版本ueditor 编辑器(可去百度官网下载), 下载完成导入 ...

  7. [转载] ASP.NET MVC4使用百度UEDITOR编辑器

    前言 配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法.编辑器可以到http://ueditor.baidu.com/website/downloa ...

  8. 开发中使用UEditor编辑器的注意事项

    最近在一个刚结束的一个项目中使用到了UEditor编辑器,下面总结一下遇到的问题以及使用时需要注意的地方: 1. 使用UEditor插件需要先对其进行路径配置: 在ueditor.config.js文 ...

  9. vue中使用Ueditor编辑器

    一.   下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为: http://ueditor.baidu.com/website/ 下载解压后会得到如果下文 ...

  10. 使用Ueditor编辑器上传图片总结;

    今天使用Ueditor编辑器上传图片一直出问题,在网上找了多种方法,最后总结如下: Ueditor编辑器是百度开发的编辑器,要在jsp页面添加Ueditor编辑器,需要以下几步: (1)到 http: ...

随机推荐

  1. [异常记录(二)] 验证视图状态 MAC 失败。如果此应用程序由网络场或群集承载,请确保 <machineKey> 配置指定了相同的 validationKey 和验证算法。不能在群集中使用 AutoGenerate。

    错误提示: 验证视图状态 MAC 失败.如果此应用程序由网络场或群集承载,请确保 <machineKey> 配置指定了相同的 validationKey 和验证算法.不能在群集中使用 Au ...

  2. Entity Framework 中 Schema是什么

    在使用Entity Framework时,会注意到下面这句: protected override void OnModelCreating(DbModelBuilder modelBuilder) ...

  3. C# 生成图片缩略图

    最近项目有部分需求,是关于图片操作部分的, 大致的功能就是图片的保存和展示.但是直接操作原图,程序运行效率太慢.而且如果传输数据量过大的话,可能直接导致调用WCF服务失败的问题. 为了解决这个问题,决 ...

  4. 我的Ansible学习笔记

    Ansible常见错误 http://afewbug.com/article/26官方文档 http://docs.ansible.com/ansible/安装配置 http://sofar.blog ...

  5. 【Python】常用排序算法的python实现和性能分析

    作者:waterxi 原文链接 背景 一年一度的换工作高峰又到了,HR大概每天都塞几份简历过来,基本上一天安排两个面试的话,当天就只能加班干活了.趁着面试别人的机会,自己也把一些基础算法和一些面试题整 ...

  6. maven笔记(2)

    项目管理利器(Maven)——maven的生命周期和插件Maven的生命周期大概如下:clean compile test package install这几个命令对应了一个项目的完整的构建过程,这几 ...

  7. Dapper 条件语句(Where) 中参数使用

    public static List<ECInput> GetECInputList(DateTime beginDate,DateTime endDate,string[] barcod ...

  8. angular directive restrict 的用法

    E 表示该指令是一个element; A 表示该指令是attribute; C 表示该指令是class; M 表示该指令是注视 实例如下: 原帖:www.thinkster.io/angularjs/ ...

  9. maven-surefire-plugin的forkMode分析

    Maven运行测试用例时,是通过调用maven的surefire插件并fork一个子进程来执行用例的.forkmode属性中指明是要为每个测试创建一个进程,还是所有测试在同一个进程中完成. <p ...

  10. C++复习8.异常处理和RTTI

    C++异常处理和RTTI技术 20130930 1.异常处理的基本知识 C语言中是没有内置运行时错误处理机制,对于错误发生的时候使用的几种处理机制: 函数返回彼此协商后统一定义的状态编码来表示操作成功 ...