- 浏览: 783789 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
1、将jsp页面原来放ckeditor的地方---》
2、新建jsp页面---》ckmain.jsp
3、js操作
具体方法参考:
<div style="width: 100%;height: 280px;text-align: center;border:0px solid red;"> <iframe id="quoteFrame" name="quoteFrame" scrolling="yes" src="<%=basePath%>pages/topic/front/ckmain.jsp" frameborder="0" style="padding: 0px; width: 99%;height: 100%;"> </iframe> </div>
2、新建jsp页面---》ckmain.jsp
<script src="<%=basePath %>scripts/public/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> // 给文本域赋值 $(function(){ document.getElementById("contentPxp_quote").value='<%=con%>'; }); //动态读取输入的内容,给隐藏域赋值 $(document).ready(function(){ CKEDITOR.instances.contentPxp_quote.on('blur', function( e ){ CKEDITOR.instances.contentPxp_quote.updateElement();//更新内容 }); }); //更新方法 function updateTextArea(){ CKEDITOR.instances.contentPxp_quote.updateElement();//更新内容 } </script> </head> <!-- ckeditor4.1.1 --> <body style="border: 0px solid blue;" > <form id="form" name="form"> <textarea id="contentPxp_quote" name="contentPxp_quote" cols="60" rows="20" class="ckeditor" style="width: 100%;height: 100%;"></textarea> <script type="text/javascript" src="<%=basePath%>ckeditor/ckeditor.js"></script> <script type="text/javascript"> CKEDITOR.replace( 'contentPxp_quote',{ toolbar : [ ['Bold','Italic','Underline'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ['Smiley'], ['Font','FontSize'], ['TextColor'] ] }); </script> </form> </body> </html>
3、js操作
赋值: var con=data.content; $("form[name='edit-form'] :hidden[name='topicReplyId_edit']").val(topicReplyId);//主键 document.getElementById("editFrame").src="pages/topic/front/ckmain.jsp?con="+con+"&dd="+topicReplyId;//赋值 传回值: if(confirm("确定修改?")){ document.frames["editFrame"].updateTextArea();//刷新iframe里面的编辑器内容 ...... .....+"&contentNew="+encodeURIComponent(document.frames["editFrame"].document.getElementById("contentPxp_quote").value),//url }
具体方法参考:
function quoteReplyById_author(floor,topicReplyId,topicId,userName){ $.post( "TopicServlet", {doaction : "getReplyById", id : topicReplyId}, function call(data){ var bean = data; var con="<span style=\"font-size:14px\"><span style=\"color:rgb(255,0,0)\">{</span></span>引用作者:"+userName+"<span style=\"font-size:14px\"><span style=\"color:rgb(255,0,0)\">}</span></span>"; $("form[name='quote-form'] :hidden[name='topicReplyId_quote']").val(topicReplyId);//回帖主键 $("form[name='quote-form'] :hidden[name='topicId_quote']").val(topicId);//主帖主键 document.getElementById("quoteFrame").src="pages/topic/front/ckmain.jsp?con="+con;//赋值 $("#quote-dialog").dialog({ modal : true, height: 430, width: 600, buttons: { "确定回复": function() { if(true){ document.frames["quoteFrame"].updateTextArea();//刷新iframe里面的编辑器内容 //alert(document.frames["quoteFrame"].document.getElementById("contentPxp_quote").value); $.post(//ajax方法提交表单数据 "TopicServlet?doaction=topicReplyQuote&contentNew="+encodeURIComponent(document.frames["quoteFrame"].document.getElementById("contentPxp_quote").value),//url $("#quote-form").serialize(),//序列化 function(data){ if(data==1){ alert("回复成功!"); reloadPage(); } else { alert("回复失败!"); } $("#quote-dialog").dialog("close"); } ); } }, "取 消": function() { $( this ).dialog( "close" ); } }, close: function() { //allFields.val( "" ).removeClass( "ui-state-error" ); } }); }, "json"//规定预计的服务器响应的数据类型。 ); }
相关推荐
ckeditor4.1.1中只有Flash视频播放插件,而没有集成一个专门的视频播放插件,通过安装本插件可以将MediaPlayer视频播放器(clsid:6bf52a52-394a-11d3-b153-00c04f79faa6)集成到ckeditor4.1.1当中, 本插件只支持...
本补丁通过加入text-justify:inter-ideograph,可以使CKEditor4.1.1中两端对齐按钮支持中文两端对齐,原版本只支持西文两端对齐, 本补丁仅支持CKEditor4.1.1其他版本的不要打(包括CKEditor4.1)。
CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。
NULL 博文链接:https://zhouhaiyang88.iteye.com/blog/2283194
jquery版本的文本编辑框,ckeditor_4.0,轻量级,600kb
ckeditor中jquery和transport.js中的部分相冲突! 解决方法 和fckeditor 上传替换原FCK编辑器
资源分类:Python库 所属语言:Python 资源全名:collective.ckeditor-4.1.1.zip 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
在网页中的进行公示编辑比较麻烦,使用图片固然可以解决一时的问题,但是修改起来比较麻烦,而比较好的方法及时使用Latex。 CKEditor 官网给出的插件商店里提供了几款公式编辑器,大概比较一下: Equation Editor ...
需要 jQuery、jQueryUI、Bootstrap 3.x、可选 TinyMCE/CKeditor 网格管理器.js 它是什么? Gridmanager 允许您在 Bootstrap 3.x 或 Foundation 5.x 等框架使用的网格布局中创建、重新排序、更新和删除行和列 你...
用过fckeditor的站长都知道,由于其打开速度的不理想把fckeditor用于网站做为在线编辑器并不是明智的选择,ckeditor正好弥补了这一缺陷,ckeditor是由Frederico Knabben,针对网络而开发的在线编辑器。它提供了令人...
ckEditor和ckFinder和jquery-1.4.4大全。解压就可以使用。jquery-1.4.4中包含main.js 、js和vsdoc三个文件。
ckeditor非常强大,该jquery版的编辑器和php的完美结合。
开发的ckeditor插件,实现可视化在线数学符号编辑功能。 配置ckeditor部分如下: toolbar : [['Image','formula']], extraPlugins : 'formula',
ckeditor富文本编辑器
把ckeditor 3.4的ckeditor.js复盖就行
Ckeditor,一个在线编辑器,包括jar包等
ASP.NET 在线编辑器,ckeditor 在线编辑器,带DLL文件
最近项目开发需要用到CKEditor在线编辑器,但发现他本身没有自带,所以需要自己手动配置插件。但网上很多配置都有问题,自己摸索了好久终于搞定。需要注意的细节有:flvPlayer文件夹的内容直接放在ckeditor文件夹...
ckeditor数学公式编辑 可视化编辑 所见即所得 操作方便
ckeditor网页编辑器.zip 为所见即所得编辑器 内附使用方法,简洁方便好看