最近项目的前端使用了jQuery,表单的前端验证用的是jQuery Validate,用起来很简单方便,一直都很满意的。 前段时间,根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器,用的是CKEditor,功能强大,定制方便,也很满意。 不过用CKEditor增强过的 textarea 元素,这个字段要求是非空的,在jQuery Validate总是验证不通过,原因就是在 CKEditor 编辑器填写了内容之后,编辑器并不是立即把内容更新到原来的 textarea 元...
在提交事件中加入这一句 代码如下:for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement();
CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传 刚有个朋友反应说FIREFOX下不能判断为空,我稍微修改了下我的在FF下测试通过了,以下是JS代码function trim(str){...
从CKEditor取数据时, 代码如下:var data_tc = CKEDITOR.instances['txt_editor_tc'].getData();向CKEditor设置数据时, 代码如下:CKEDITOR.instances['txt_editor_sc'].setData('test');这两句代码是在JQuery或者JS时获取CKEditor或设置CKEditor数据时用的。
一、使用方法: 1、在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2、在使用编辑器的地方插入HTML控件<textarea> <textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea> 如果是ASP.NET环境,也可用服务器端控件<TextBox> <asp:TextBox ID="tbContent" runat="server" TextMode="MultiLine" class="ckeditor"></asp:TextBox> 注意在控...
CKFinder 1.4 下载地址:http://ckfinder.com/CKEditor3.0 下载地址:http://ckeditor.com/实例: 代码如下:<textarea id="Textarea1" name="editor1" rows="10" cols="80"></textarea> <script type="text/javascript"> if (typeof CKEDITOR == undefined) { document.write(加载CKEditor失败); } else { var editor = CKEDITOR.replace(editor1); CKFinder.SetupCKEditor(editor, ../ckfinderPath/); } </script> 这里要注意的...
我需要以编程方式最大化/调整CKEditor IFrame对话框的大小(即带有“确定”和“取消”按钮的CKEditor对话框,其余部分则包含iframe).我需要对话框保持在屏幕中央. 我只能看到用于调整窗口大小和位置的函数,但是要使用这些函数,我必须先计算窗口尺寸以重新居中.由于许多原因,这是愚蠢的,API应该完全处理它. 是否有官方的API函数可以执行此操作,还是有安全的解决方法? 我可以使用JQuery,但确实希望为此使用本机函数.解决方法:如果您同...
我有一个要求,用户(在CKeditor实例中编辑内容时)可以单击预览按钮以显示页面,就像显示所有标题和徽标等一样. 用户不喜欢CKeditor中的“预览”功能(我认为这是足够的),所以我希望打开新窗口,然后通过Javascript从CKeditor窗口中检索值,但是我有一点麻烦获取文本. 有谁知道子页面如何获得此信息? 提前加油.解决方法:我想我已经自己回答了,请使用以下内容:var objEditor = window.opener.CKEDITOR.instances["body"];var q = objEdi...
我相信这可能与Need Pure/jQuery Javascript Solution For Cleaning Word HTML From Text Area有关 但就我而言,我正在使用CKEditor.但是,在将数据发送到服务器之前(或将其接收回去之前),我想去除“垃圾” HTML标记和注释,例如从最新(2007年或更高版本)的Microsoft Office粘贴时出现的HTML标记和注释.由于此处的服务器端是第三方应用程序,因此,如果可以的话,我宁愿使用此客户端.是的,我知道这样做的安全隐患;这只是为了清理常见用例...
我使用嵌入式Ckeditor编辑内容.默认情况下,内联编辑器通过双击带有contenteditable =“ true”的div来激活.我想在单击一个按钮时激活此内联编辑器,而在单击另一个按钮时将其隐藏.这是html代码的示例:<html><head><script src="ckeditor/ckeditor.js"></script></head> <body><div id="first" contenteditable="true">first</div><div id="second" contenteditable="true">second</div><input type="button" value="show inline ed...
我很难尝试从编辑器中禁用上下文菜单.例如,当用户单击图像时,我不想显示该上下文菜单,而是显示浏览器上下文. 我试图添加以删除插件配置设置“ contextmenu”,但没有执行任何操作.从我在这里看到的帖子中,摆脱上下文菜单的灵魂似乎改变了每个版本.解决方法:在Ckeditor 4.7.1中测试过,对我有用:CKEDITOR.editorConfig = function (config) {config.language = 'en';config.toolbar = "mini";config.removePlugins = 'elementspath,c...
我在一页中得到3个ckeditor文本区域.问题是我希望其中一个文本区域的大小等于其他文本区域的两倍.我找不到如何仅调整一个textarea的大小.<script type="text/javascript">CKEDITOR.config.height='600px'; </script>可以正常工作,但是可以更改所有文本区域.我也试过<script type="text/javascript"> CKEDITOR.replace('Resolution',{height : '400px',}); </script>但这是行不通的…我试图更改config.js文件,但仍然没有...
我正在使用$.getScript加载ckeditor.js文件,并在回调中启动CKEditor.但是它显示错误TypeError:c [a]未定义.这是我的代码.我该如何解决这个问题?$.getScript("ckeditor.js", function (data, textStatus, jqxhr) {if (textStatus == 'success' && jqxhr.status == 200) {CKEDITOR.replace( 'commentBox',{toolbar :[{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','Remov...
我们正在构建类似博客的应用程序,并且正在选择所见即所得的编辑器.我们只需要很少的功能,所以我们的首选是jwysiwyg.它的速度非常快,但是对于我们的需求来说还不成熟,因此我们改用CKEditor(带有jQuery插件).它非常稳定且可配置,但是要花一些时间才能出现第一个编辑器实例…我们遵循了performance guidelines,但对结果仍然不满意.我们可以尝试什么?我们可以使用CKEditor的精简版本/叉子吗?还是由于其按需加载插件架构而已处于“最大...
我正在使用ckeditor的jquery版本,如下所示: $(“.textarea”).ckeditor(); 我需要指定工具栏按钮,但我不知道如何.我在stackoverflow或使用google上找到的所有帮助都是针对旧javascript ckeditor版本的,或者我不知道如何将其与jquery一起使用(上面的代码). 另外,如何指定css文件位置,以便ckeditor加载我的css并以与在站点上显示的方式相同的方式显示数据? 有人可以帮忙吗?解决方法: $(".textarea").ckeditor(function() { // Ins...