【页面效果】

【代码】

说明: 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. python 这个stdin怎么写

    !/usr/bin/env python -- coding: utf-8 -- import json import pprint import sys reload(sys) sys.setdef ...

  2. nodejs 备忘

    引入模块(在于你用什么模块,需要的模块可以用终端进行安装, npm,一般express,swig,body-parser,cookies,markdown) 设置模块 设置渲染 var express ...

  3. Office.资料

    1.JAVA+JS如何在HTML页面上显示WORD文档内容?ActiveX只能兼容IE不考虑!_百度知道.html(https://zhidao.baidu.com/question/74594982 ...

  4. KVM irqfd and ioeventfd

    In previous article vhost architecture we mentioned that vhost and the guest signal each other by ir ...

  5. 从源码角度分析 Kotlin by lazy 的实现

    by lazy 的作用 延迟属性(lazy properties) 是 Kotlin 标准库中的标准委托之一,可以通过 by lazy 来实现. 其中,lazy() 是一个函数,可以接受一个 Lamb ...

  6. webpack入门配置

    webpack入门配置 根据该篇文章进行配置: 入门 Webpack,看这篇就够了 其中由于版本更新的问题会出现几个问题: 1.Would you like to install webpack-cl ...

  7. 推荐给开发者的11个PHP框架(转)

    PHP框架对于Web开发者来说是非常有用的工具,它可以帮助使用者更快.更容易的完成项目.根据调查,PHP仍是Web开发中最受欢迎和最实用的平台之一.当谈及Web开发时,很多人依然会选择使用PHP框架, ...

  8. macOS和常用命令

    macOS 常用命令 1. 显示“任何来源”选项 sudo spctl --master-disable 2. 阻止屏保和睡眠 caffeinate -t 3600 这是一个BSD命令.-t可选,按C ...

  9. [Tomcat 部署问题] Undeployment Failure could not be redeployed ...

    Tomcat 部署,在部署可能会出现以下问题: Deployment failure on Tomcat 6.x. Could not copy all resources to E:\apache- ...

  10. HDU-5695-拓扑排序+优先队列

    Gym Class Time Limit: 6000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total S ...