关于Ext.net结合ckeditor不通过隐藏域提交编辑器内容的问题!已解决
来源:互联网 发布:xp关闭139端口 编辑:程序博客网 时间:2024/05/22 11:11
虽然很简单,但是浪费了我不少时间,作下笔记
隐藏域设置值:
Ext.getCmp("hidArticleContent").setValue(HTMLEncode(Ext.getCmp("PLCenter").getBody().CKEDITOR.instances.content.getData()));
hidArticleContent 是隐藏域ID
HTMLEncode 是一个html编码js函数
Ext.getCmp("PLCenter").getBody().CKEDITOR.instances.content.getData()) 这部分是取得PLCenter Panel中的 ckeditor的编辑内容
表单提交设置
<form id="form1" runat="server" enctype="multipart/form-data" method="post">就是因为这个地方!开始还以为是安全的问题阻止提交,经过多次尝试,原来是这个问题!大意了!主要也是没想到!
ckeditor的引用
<ext:Panel runat="server" ID="PLCenter" Layout="Absolute" Region="Center" Title="">
<AutoLoad Url="../Article/CKEditor.aspx" Mode="IFrame" ></AutoLoad>
</ext:Panel>
引用页CKEditor.aspx的内容 (修改了一个,添加了一个上传图片的按钮!)
<form id="form1" runat="server">
<div>
<script type="text/javascript">
//<![CDATA[
window.CKEDITOR_BASEPATH = '/ckeditor/';
//]]>
</script>
<script src="/ckeditor/ckeditor.js?t=C6HH5UF" type="text/javascript"></script>
<textarea cols="80" id="content" name="fileUpload"> </textarea>
<script type="text/javascript">
CKEDITOR.replace('content', addUploadButton(this));
function addUploadButton(editor) {
CKEDITOR.on('dialogDefinition', function (ev) {
var dialogName = ev.data.name;
var dialogDefinition = ev.data.definition;
if (dialogName == 'image') {
var infoTab = dialogDefinition.getContents('info');
infoTab.add({
type: 'button',
id: 'upload_image',
align: 'center',
label: '上传',
onClick: function (evt) {
var thisDialog = this.getDialog();
var txtUrlObj = thisDialog.getContentElement('info', 'txtUrl');
var txtUrlId = txtUrlObj.getInputElement().$.id;
addUploadImage(txtUrlId);
}
}, 'browse'); //place front of the browser button
}
});
}
function addUploadImage(theURLElementId) {
var uploadUrl = "../Uploader.aspx"; //这是我自己的处理文件/图片上传的页面URL
var imgUrl = window.showModalDialog(uploadUrl);
//在upload结束后通过js代码window.returnValue=...可以将图片url返回给imgUrl变量。
//更多window.showModalDialog的使用方法参考
var urlObj = document.getElementById(theURLElementId);
urlObj.value = imgUrl;
urlObj.fireEvent("onchange"); //触发url文本框的onchange事件,以便预览图片
}
</script>
</form>
- 关于Ext.net结合ckeditor不通过隐藏域提交编辑器内容的问题!已解决
- jquery.form.js的ajax提交,CKEditor编辑器内容丢失问题的解决方法!
- 关于ajaxForm 和ckeditor连用可是提交的时候不能够获得ckeditor填写的内容的问题
- 关于ajaxForm 和ckeditor连用可是提交的时候不能够获得ckeditor填写的内容的问题
- 关于.NET装不上的问题已解决
- 解决ckeditor等编辑器读入数据丢失尖括号的问题。
- ckeditor等编辑器和struts结合,无法上传图片问题
- 解决从数据库中取出来的内容能放到CKeditor文本编辑器中的方法
- asp.net ckeditor编辑器的使用方法
- asp.net ckeditor编辑器的使用方法[转]
- ckeditor文本编辑器插件上传功能与struts2的结合
- 关于VC6编译LPDIRECT3D8不通过的问题
- 关于隐藏属性与表单提交的问题
- 关于ckeditor编辑器的问题.为什么会在源码里自动添加<p>标签
- 富本文编辑器ckeditor乱格式化内容的解决方法
- springmvc接收ckeditor文本编辑器输入的内容
- 解决在线编辑器eWebEditor二次提交的问题
- 关于Ext与fusioncharts的结合
- Android开源框架Frsco的详解
- COMBOX的基本使用
- printf in CUDA kernel 函数
- KMP算法笔记
- Island Perimeter:扫描二维数组,计算边长
- 关于Ext.net结合ckeditor不通过隐藏域提交编辑器内容的问题!已解决
- Blog26@linux网络端口安全 上_firewalld
- netty编解码之使用protobuf
- 微信如何分享朋友圈,php开发公众号分享到朋友圈
- 批量删除+单个删除+全选反选
- 如何不浪费青春,让游戏快速上架 Steam
- Python入门(二)——IDE选择PyCharm,输入和输出,基础规范,数据类型和变量,常量,字符串和编码,格式化
- 玩
- 在windows下安装gulp-sass时提示“Cannot read property '0' of undefined”