关于js获得ckeditor为空判断的问题

CKEditor使用方法以及在CKEditor中使用Markdown编辑器 缘起 日前本人在搭建私人博客的时候一直觉得csdn自带的markdown编辑器挺好用的,经过多方查找找到一个与这个差不多的,就是今天的主角CKEditor。 什么是CKEditor CKEditor是一款开源的富文本编辑器,通过下载源代码集成到项目中可以很方便的使用,集成成功的效果类似于 CKEditor的使用方式 CKEditor的引入方式 1、下载CKEditor,下载地址,或者自行前往官网... 阅读详情

js获取ckeditor的值为空判断时,里面的样式标签没有去掉,上网查了一下,找到原因,记录下来。

转自http://zhang1987lian.blog.163.com/blog/static/96767792010423111036357/

今天在做一个留言版块的时候,输入内容用的是ckeditor在线编辑器,原想更别的input一样,用js来判断他们的值是否为空的时候,发现
“
 <div class="right message">
                <div id="DTitle"><img src="images/message_bg.png" /></div><br />
                <div id="icompany" runat="server">
                    <ul>
                        <li><b>主题:</b><i><asp:TextBox ID="TxtSubject" runat="server"></asp:TextBox><font color="#ff0000">*</font></i></li>
                        <li><b>姓名:</b><i><asp:TextBox ID="TxtName" runat="server"></asp:TextBox></i></li>
                        <li><b>E-mail:</b><i><asp:TextBox ID="TxtMail" runat="server"></asp:TextBox></i></li>
                        <li><b>来自:</b><i><asp:TextBox ID="TxtFrom" runat="server"></asp:TextBox>例如:江苏苏州</i></li>
                        <li><b>电话:</b><i><asp:TextBox ID="TxtTel" runat="server"></asp:TextBox></i></li>
                        <li>
                            <asp:HiddenField ID="HdIp" runat="server" />
                            <b>反馈信息:</b><i><asp:TextBox ID="TxtContent" runat="server" TextMode="MultiLine"></asp:TextBox><font color="#ff0000">*</font></i><br /><asp:ImageButton
                            ID="ImgSubmit" CssClass="submit" runat="server" OnClientClick="return oncheck();" ImageUrl="images/submit.gif" OnClick="ImgSubmit_Click" /></li>
                           
                    </ul>
                    <script type="text/javascript">
           var editor=CKEDITOR.replace("TxtContent",{language:'zh-cn',width:500, height:180, toolbar:[['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],/**'/'此符号为换行**/['Cut','Copy','Paste'],['TextColor','BGColor'],]});
        </script>
                </div>
            </div>
”
用
“
 f($("#TxtSubject")[0].value=="")
    {
        alert("请输入主题");
        $("#TxtSubject")[0].focus();
        return false;
    } 
”
用这样的命令可以获取主题输入框的值是成功的,但是如果还是用同样的方法来获取TxtContent的值的话,是获取不到的,获取的值总是为空!不论您往里面填入什么,都是空的,因为TxtContent的值,已经用ckeditor来代替,所以用js获取不到,但是在服务器端确实可以获取得到的,也就是"this.TxtContent.Text.Tostring()"是能获取到ckeditor里面的值的!
但是不能在客户端进行判断!所以,简单“bd”了一下,

“在页面内注册编辑器,并赋值给一个变量,以便引用。

var editor=CKEDITOR.replace( 'editor1' );

然后使用如下语句就可以取得编辑器内的值。

editor.document.getBody().getText(); //取得纯文本

editor.document.getBody().getHtml(); //取得html文本

”
以上是别人的回复!于是这样就可以了,所以,现在我上面的代码中再加上
“
   else if(editor.document.getBody().getText()==""){
        alert("请输入留言内容");
        return false;
       
    }
”



当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖) 样是我们写程序中最经常的写法 提交之前进行验证内容是否为空! 立即下载

相关推荐

R语言实战:5分钟搞定GEO单细胞数据(scRNA-seq)下载与整理(附完整代码)

本文详细介绍了如何使用R语言快速下载和整理GEO单细胞数据(scRNA-seq),提供完整的自动化处理代码。从环境准备、数据获取到文件整理和质量检查,涵盖10X Genomics标准格式及非标准数据的处理技巧,帮助生物信息学研究者高效完成数据预处理工作。

weixin_29054399的博客 604

jsp中运用文本域引用ckeditor拿不到值,从而不能判断是否为空

CKEDITOR.instances.com_cont.document.getBody().getText()  获取到文本域引用ckeditor的值 $.trim()方法是去掉空字符串,返回String

Joker_zzc的博客 249

ifix5.8连接ab plc的点-通过rslinx

以ifix连接ab plc的点为例 1.先在rslinx上把plc的点导出为opc server 2.使用opc power tool 作为opc client 去连接 3.保存到项目的PDB文件夹下面,并且以节点名命名。 也可以不以节点名命名,系统自动会生成一个以节点名命名的这种文件,就显得很乱。 同时,项目的PDB目录下面必须还得拷过来一个de...

中国智造2025 4114

ckeditor集成ckfinder 从服务器读取XML数据出错

最近在练习小项目,就想把ckeditor和ckfinder整进来。     至于如何使用ckeditor、ckfinder及他们的整合,这个很简单,网上教程一大推,官网上也有教程,这里就不细说了。     在把ckeditor跟ckfinder整合进项目的时候,访问有ckeditor编辑器的页面,点击图像工具栏后出现如下对话框, 再点击浏览服务器按钮,结果弹出错误框 提示从服务

以蚂蚁的速度践行在通往架构师的道路上...... 6779

Yolov5自学笔记之一--从入门到入狱,功能强大不要乱用(实现yolov5的基本功能使用流程及训练自己的数据集)

零基础自学yolov5,学会简单使用和训练自己的数据集,在自己工作中使用

qq_41597915的博客 1万+

Linux -- 图形界面配置Samba;system-config-samba工具

图形界面配置Samba6.6.1 system-config-sambasystem-config-samba是Red Hat公司专门为Samba服务器管理编写的图形界面的管理工具,通过system-config-samba几乎可以完成对Samba服务器的所有配置,所以在只希望通过Samba服务器实现一些简单的资源共享时,system-config-samba是一个不错的选...

weixin_33695450的博客 2200

JAVA+CKEditor+CKFinder 配置异常解决方案

JAVA+CKEditor+CKFinder 配置异常解决方案 异常1 使用struts2框架上传不了图片怎么办? 异常2 从服务器读取XML数据出错,服务器返回原始结果:This is notFound JSP page

月夜归醉 6284

YOLO26优化:FPN涨点&轻量化篇 |多级特征融合金字塔(HS-FPN),助力小目标检测

高层筛选特征金字塔网络(HS-FPN),能够刷选出大小目标,增强模型表达不同尺度特征的能力,助力小目标检测

①答疑群聊服务;②YOLO大模型知识问答系统;③计算机视觉论文生成智能体; 331

ckeditor提交时判断是否为空

ckeditor提交时 不能及时抓取到相应的值。 是因为 ckeditor会在 点击提交后才会把隐藏内容设置到ckeditor值中 解决办法: HTML 中 &lt;script src="../../Scripts/PhotoSetItemAdd.js" type="text/javascript"&gt;&lt;/script&gt;&lt;% using (Html.Begi...

iteye_8029的博客 273

YOLO系列算法改进 | C3k2改进篇 | 融合DFRL双融合注意力接收层 | 轻量化与全局感受野双突破,适应高分辨率航拍与密集小目标检测场景 | CVPR 2026

YOLO系列算法改进 | C3k2改进篇 | 融合DFRL双融合注意力接收层 | 轻量化与全局感受野双突破,适应高分辨率航拍与密集小目标检测场景 | CVPR 2026 (以YOLO26最新目标检测模型为基础,利用C3k2_DFRL创新模块进行改进)

2502_91881744的博客 233

汇川H5U模拟量输出模拟量转换FC: S_RTI

汇川H5U模拟量输入模拟量转换 FC S_ITR_RXXW_Dor的博客-优快云博客接口中的临时变量,如果优化的可以省去一些,感兴趣的可以自行编写修改下,这里不在举例。至此模拟量输入转换FC编写完成。

RXXW_Dor的博客 6679

CKEditor config.js文件配置

【config.js文件的配置】 CKEDITOR.config.autoGrow_maxHeight 示例: CKEDITOR.config.autoGrow_maxHeight = 400; 默认值:0 CKEDITOR.config.autoGrow_

我的左脸像我的右脸 1万+

UFS软件分区介绍

本文主要介绍了ufs软件分区管理的概况,能够使大家对软件分区有个大体的认识

肥匪斐's blogs 1万+

ckeditor判断字数限制问题

项目中用到了ckeditor,要求正文字数判断必须排除空格及回车等。 这个问题纠结了半个小时,其中曲折暂且不说了,验证了好几十次,这其中也借鉴了不少别人的成果,好了,直接上结果。   function strlen(str) { //&lt;summary&gt;获得字符串实际长度,中文2,英文1&lt;/summary&gt; //&lt;param name="str"&...

woshixushigang的专栏 2070

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

(转)用JS判断ckeditor3.6版本编辑器内容为空的方法

因为编者我还是一个初学入门者,无论是JS还是PHP,都是懂了点皮毛。今天在研究ckeditor编辑器的时候遇到了一些问题,虽然这只是我的个人问题,但觉得可以分享给其他人,或许也有像我这样的初学者也会遇到这问题。 好了,现在谈一下这问题。 在接触ckeditor编辑器之前,编者制作的表单都是用的<textarea>标签,比如制作的留言本、新闻发布器等,但由于<t...

183

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

解决使用vue.js与ckeditor.js时,ckeditor不显示问题

我们都知道在vue2.js中新增了虚拟dom  这里是我的js代码: var vm1 = new Vue({ el : '.myfrom', data : { items : [] }, created : function(){ $.post("/island/admin/queryOneNewsById.do",{"id":parseInt(id)},funct

Islandww的博客 5675

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

CKEditor无法读取config.js配置的问题

问题描述 CKEditor中配置文件config.js不生效 解决办法 在初始化的时候,指定config.js的位置,你也可以重新自定义一个,指定你要使用的配置文件路径即可 <textarea id="ceditor" placeholder="your comment here"></textarea> <script> CKEDITOR.replace( 'ceditor',{ customConfig: '/static/ckedi

ssjdoudou的博客 5773

使用ckeditor中存在的问题

先配置 1.引入js <script src="../ckeditor/ckeditor.js"></script> 2.定义textarea <div id="test"> </div> 3.激活控件 (1)第一种写法 CKEDITOR.replace("test");//指定textarea的id (2)另一种写法,可以设置一些属性值 C...

weixin_42063820的博客 6万+

解决vue.js使用ckeditor的样式路径问题

最近在vue.js项目中使用ckeditor编辑器遇到一个问题,说说我的解决办法。 我把editor单独封装成一个组件去调用,ckeditor.vue代码如下: import '../../../static/ckeditor/ckeditor.js' import '../../../static/ckeditor/config.js' import '../../../

首席码农 2371

CKEDITOR config.js配置

CKEditor配置使用ckeditor 的官方网站是 http://ckeditor.com/ ,当前使用的版本是v3.0.1。一、使用方法:1、在页面中引入ckeditor核心文件ckeditor.js2、在使用编辑器的地方插入HTML控件如果是ASP.NET环境,也可用服务器端控件注意在控件中加上 class="ckeditor" 。3、将相应的控

Herr Apfel的专栏 3万+

CKEditor 3.6入门--通过 javascript 调用CKEditor 编辑器

有多种方法可以将CKEditor集成到你的页面中,下面是最通常的做法。 Developer's Guide :  http://docs.cksource.com/CKEditor_3.x/Developers_Guide             ----Integration : http://docs.cksource.com/CKEditor_3.x/Developers_G

ITSTAR 1816

js获取ck_javascript获取ckeditor编辑器的值(实现代码)

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;}content是textarea的name下次发下CKeditor的配置还有上传配置,...

weixin_39732018的博客 337

dedecms 5.7 sp1版 ckeditor 编辑器,首空两格的解决办法

请注意,原创内容,转载请注意注明出处。 编辑器中编辑文本或者混排时,需要能首行空两格。 解决办法有: 1、用全角空格,这个别人都说过,就是输入法中按shift+空格键,切换出全角再打空格,可以解决问题,但是非常累人。如果很多的话。 2、使用css样式表,通常是在p标签中,加首行缩进,但是你会发现失效,为什么呢。看我解决办法。 样式解决: 1、找到include目

liufile的专栏 4803

gwt + ckeditor config.js定制化问题

此问题出现在本地测试的时候: 1. 定制化config.js应该放的位置 放到gwt/server 端的src/main/webapp/ckeditor/config.js下,这样会被打包到apache-tomee/webapps/ROOT下, 然后 $wnd.CKEDITOR                 .replace(id, {

Austin.Zhou的专栏 534

js获取ck_JS获取CkEditor在线编辑的内容

1、获取CKEditor被选中的内容varmySelection=CKEDITOR.instances.WORK_INTRODUCTION.getSelection();if(CKEDITOR.env.ie){mySelection.unlock(true);data=mySelection.getNative().createRange().text;}else{data=...

weixin_42470359的博客 789
上一篇: base64加密使用urlencode出现的问题
下一篇: javascript infinity和NaN
springk
博客等级 码龄18年 135粉丝 66原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值