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>
<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编辑器【实际项目使用】的更多相关文章
- 在项目中引入百度的ueditor编辑器
第一步:解压ueditor压缩包 在项目中按顺序引入三个文件 <script type="text/javascript" charset="utf-8" ...
- 一个页面实例化两个ueditor编辑器,同样的出生却有不同的命运
今天遇到一个比较怪异的问题,有一项目需要在同一个页面上展现两个ueditor编辑器,在展现时并不任何问题,但当点击了“保存”按钮时就出错了,有其中一个ueditor在asp.net中无法获取编辑器的值 ...
- asp.net mvc4使用百度ueditor编辑器
原文 http://www.cnblogs.com/flykai/p/3285307.html 已测试 相当不错 前言 配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好 ...
- Thinkphp整合最新Ueditor编辑器
说到最新的富文本编辑器的确不少(ckeditor.fkeditor.ueditor),这些富文本编辑器如果单独使用基本上很方便,不需要做额外的配置,只要把官方的插件下载下来放到一个web容器中,看看 ...
- 百度UEditor编辑器使用教程与使用方法
我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享 ...
- ueditor 编辑器的配置 实现上传图片---附效果图
由于项目需要,最近使用了ueditor,实现了图片上传功能,在此分享一下遇到的一些问题. 项目使用net+mvc框架搭建,则选择的是NET版本ueditor 编辑器(可去百度官网下载), 下载完成导入 ...
- [转载] ASP.NET MVC4使用百度UEDITOR编辑器
前言 配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法.编辑器可以到http://ueditor.baidu.com/website/downloa ...
- 开发中使用UEditor编辑器的注意事项
最近在一个刚结束的一个项目中使用到了UEditor编辑器,下面总结一下遇到的问题以及使用时需要注意的地方: 1. 使用UEditor插件需要先对其进行路径配置: 在ueditor.config.js文 ...
- vue中使用Ueditor编辑器
一. 下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为: http://ueditor.baidu.com/website/ 下载解压后会得到如果下文 ...
- 使用Ueditor编辑器上传图片总结;
今天使用Ueditor编辑器上传图片一直出问题,在网上找了多种方法,最后总结如下: Ueditor编辑器是百度开发的编辑器,要在jsp页面添加Ueditor编辑器,需要以下几步: (1)到 http: ...
随机推荐
- webservice声明发布SOAP1.2
在不声明1.2的情况下,默认是1.1 当声明1.2时
- SpringBoot中使用log4j日志
一:引入jar包 使用SpringBoot创建项目的时候,pom文件引入了spring-boot-starter,其中包含了spring-boot-starter-logging,该依赖内容就是Spr ...
- 关于推荐库位 java前端与SQL语句后面的结合
----------------------------------------------------------------------------------- select a1.id,a1. ...
- javaScript tips —— z-index 对事件机制的影响
demo // DOM结构 class App extends React.Component { componentDidMount() { const div1 = document.getEle ...
- 超详细!mac flutter 创建过程及遇到的问题
虽然网上有教程,但是过程中遇到些问题,这些问题教程里并没有,所以写这个文章记录一下. 1.打开终端 2.clone flutter 命令: git clone -b beta https://gith ...
- Python 使用sys模块
你已经学习了如何在你的程序中定义一次函数而重用代码.如果你想要在其他程序中重用很多函数,那么你该如何编写程序呢?你可能已经猜到了,答案是使用模块.模块基本上就是一个包含了所有你定义的函数和变量的文 ...
- laravel中新建文件并保存数据到文件中
//base_path()获取当前的绝对路径 $path=base_path().'\config\web.php'; $str='abcdefg'; //要声明的字符串 file_put_conte ...
- CF 187C Weak Memory 优先队列 难度:2
http://codeforces.com/problemset/problem/187/C 这道题可以用二分+dfs检测,或者优先队列解 此处用了优先队列解法 从起点出发,维护一个优先队列,内容是p ...
- Bing的Translation API 接入
参考: https://msdn.microsoft.com/zh-cn/library/mt146806.aspx 首先你需要一个Microsoft的帐号,如果没有在这里注册一下 https://s ...
- python爬虫之requests模块
一. 登录事例 a. 查找汽车之家新闻 标题 链接 图片写入本地 import requests from bs4 import BeautifulSoup import uuid response ...