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: ...
随机推荐
- 04_MySQL常见函数_单行函数
#单行函数细分1.字符函数2.数学函数3.日期函数4.其他函数5.流程控制函数 #单行函数 - 字符函数#一.字符函数#1. length 获取参数的字节长度SELECT LENGTH('john') ...
- codeforces291E Tree-String Problem
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000 作者博客:http://www.cnblogs.com/ljh2000-jump/ ...
- 《Think in Java》(十一)持有对象
Java 中的持有对象就是容器啦,看完这一章粗略的了解了 Java 中的容器框架以及常用实现!但是容器框架中的接口以及实现类有好多,下午还得好好看看第 17 章--容器深入研究以及 Java 官方的文 ...
- JSP 发送邮件
JSP 发送邮件 虽然使用JSP实现邮件发送功能很简单,但是需要有JavaMail API,并且需要安装JavaBean Activation Framework. 在这里下载最新版本的 JavaMa ...
- js今日小结—Ajax、前端安全、GET&POST、闭包、HTTPS
HTTPS HTTP+加密(SSL.TLS)+认证+完整性保护 = HTTPS: GET和POST的区别 get拉取数据,post传输数据 get请求能被浏览器主动缓存,post不会(除非手动) ge ...
- [nodejs]npm国内npm安装nodejs modules终极解决方案
此方案用于设置代理和修改镜像地址都不能解决问题使用 1.npm root 确认node模块的根文件夹,全局要加-g. osx同样是此命令,先清除缓存. npm cache clean C:\Users ...
- ngnix配置自解
全局配置 user [user] [group]; #只有被设置为用户或用户组的成员才有nginx的启动权限.(#user nobody nobody <=> user nobody no ...
- mysql学习之旅
1,mysql安装脚本 #!/bin/bash RSYNC='10.39.2.120::wenhui/database/install' CMAKE='cmake-2.8.6.tar.gz' MYSQ ...
- 安装magento主题模板
magento 的强大功能自不必说, 另外还有一点更重要的是拥有很多顶级的精致模板开发者和爱好者的支持开发出种类繁多, 用途各异的模板, 深受用户的喜爱, 但是安装模板对于初次使用者或者很久没有使用者 ...
- zset类型以及其操作
sorted set类型 sorted sets类型以及其操作zset是set的一格升级版本,它在set的基础上增加了一格顺序属性,这一属性在添加元素的同时可以指定,每次指定后,zset会自动重新按照 ...