`

CKeditor获取文本和焦点

阅读更多

 

 

<textarea id="newsContent" class="ckeditor">${newsContent.content}</textarea>

<script type="text/javascript">

var editor=CKEDITOR.replace('newsContent',

{

filebrowserImageUploadUrl:'${ctx}/plugins/ckeditor/uploader/upload.jsp?type=Images&ref=hp',

filebrowserFlashUploadUrl:'${ctx}/plugins/ckeditor/uploader/upload.jsp?type=Flashs&ref=hp'

});

</script>

<script type="text/javascript">

var newsContent = editor.document.getBody().getText(); //文本获取方式

function checkTextArea(){

if(newsContent == ''){

alert('请输入新闻内容');

editor.focus(); //焦点获取方式

return false;

}

}

</script>
 


上面的验证对于CKeditor只上传图片而无文字或空格,还认为为空,如果要求必须加文字则不需修改。如要求不写文字也可以的话

editor.document.getBody().getText(); 修改为:editor.getData();

两种方式对于空格都未做验证

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    html富文本编辑器ckeditor最新版

    6. **数据交互**:CKEditor提供了获取和设置编辑器内容的方法,如`getData()`和`setData()`,方便与服务器进行数据交换。 关于注意事项,有几点需要注意: 1. **兼容性**:虽然CKEditor支持大多数现代浏览器,但在...

    CKeditor3.0详细配置[定义].pdf

    - `keystrokes`:定义快捷键行为,如获取焦点、打开菜单、撤销、重做等。 - `blockedKeystrokes`:阻止某些特定快捷键的默认行为,如阻止Ctrl+B、Ctrl+I、Ctrl+U等。 7. **其他配置选项**: - `colorButton_...

    CKEditor使用介绍.doc

    CKEditor是一款广泛应用于网页编辑的富文本编辑器,它提供了丰富的功能和自定义选项,使得用户可以在网页上方便地编辑和格式化文本。以下是对CKEditor配置选项的详细解释: 1. **AutoDetectLanguage**: 如果设置为`...

    JSP中应用CKEditor在线编辑器

    CKEditor是一款强大的富文本编辑器,常用于网页内容的创建和编辑。在Java Web开发中,特别是在使用JSP(JavaServer Pages)技术时,CKEditor能够提供一个用户友好的界面,使得非技术人员也能方便地编辑和格式化文本...

    关于ckeditor在bootstrap中modal中弹框无法输入的解决方法

    而CKEditor是一个基于JavaScript的富文本编辑器,它依赖于浏览器的焦点事件来进行文本输入和编辑操作。 当CKEditor嵌入到Bootstrap模态框中时,由于模态框的存在,用户在点击CKEditor编辑区域时,模态框可能重新...

    javascript富文本框

    1. **CKEditor**:CKEditor是一款广泛使用的开源富文本框解决方案,提供丰富的插件支持和高度自定义能力,适用于各种项目需求。 2. **TinyMCE**:TinyMCE是一款轻量级但功能强大的富文本编辑器,拥有良好的性能和...

    ckEditorC#.rar

    综上所述,CKEditor 是 C# 开发中实现富文本编辑功能的强大工具,通过合理的配置和使用,能极大地提升用户体验和开发效率。在实际项目中,开发者可以根据具体需求进行功能裁剪、定制和优化,以满足不同的业务场景。

    富文本框控件

    10. **事件处理**:开发者可以为富文本框添加各种事件监听,如文本改变、焦点获取/失去等,实现交互逻辑。 在编程中,富文本框控件通常有对应的API或库供开发者调用。例如,在Web开发中,HTML的`&lt;textarea&gt;`配合...

    xheditor 文本编辑器插件

    例如,可以通过API来获取或设置编辑器的当前内容,监听编辑器的事件(如内容改变、焦点丢失等),实现与后端服务器的交互。 五、版本更新与社区支持 xheditor的开发者持续对其进行维护和更新,以适应不断发展的Web...

    HTML 文本编辑器FCKeditor

    同时,它还支持一系列事件,如`OnBlur`(失去焦点)、`OnFocus`(获得焦点)、`AfterInsertImage`(图片插入后)等,方便开发者监听和处理编辑器的操作。 **四、FCKeditor的安全性与优化** 1. **XSS防护**:...

    改变编辑框的背景和字体

    此外,如果涉及到更复杂的富文本编辑,例如富文本框(Rich Text Box),可以使用像CKEditor(Web)或TinyMCE这样的库,或者在桌面应用中使用富文本组件,如Java的JTextPane。 总结来说,改变编辑框的背景和字体涉及...

    富文本插件ckedit

    3. **事件处理**:CKEditor提供了丰富的事件接口,如`instanceReady`(编辑器加载完成)、`blur`(编辑器失去焦点)和`change`(内容改变)。利用这些事件,可以实现与后端交互,例如实时保存草稿或验证用户输入。 ...

    文本域定位光标并添加数据

    为了实现更复杂的功能,例如在多行文本域中操作,可能需要使用`contenteditable`属性或富文本编辑器(如TinyMCE、CKEditor),它们提供了更多的API来处理光标和文本操作。 总结一下,文本域的光标定位和数据添加是...

    fckeditor api

    FCKeditor API 是一个强大的富文本编辑器接口,主要用于网页内容的编辑与...理解和掌握其API是构建富文本编辑功能网页的重要步骤。在实际应用中,根据项目需求进行适当的配置和扩展,能够大大提高用户体验和工作效率。

    Fckeditor 2.6.4

    与其他网页编辑器(如TinyMCE、CKEditor)相比,Fckeditor在2.6.4版本时具有一定的优势和局限性: - **优势**:轻量级,易于集成,提供丰富的API和广泛的浏览器支持。 - **局限性**:相较于后来的版本,功能可能...

    fckeditor实例

    4. **事件处理**:FCKeditor提供了丰富的事件接口,如`OnBlur`(失去焦点)、`OnFocus`(获取焦点)等,可以通过监听这些事件来实现特定的功能,例如保存用户编辑的内容。 5. **内容处理**:编辑器中的内容可以通过...

    fckeidtor编辑

    2. **基本使用**:描述中提到的“基本使用”可能涉及到创建一个新的编辑实例、设置初始内容、以及如何触发编辑器的事件,如“onBlur”(失去焦点)和“onFocus”(获得焦点)。 3. **fckconfig.js**:这个文件是...

    FCKEditor在asp.net中的用法

    3. **事件处理**:FCKeditor提供了一些事件,如`OnBlur`(失去焦点)、`OnFocus`(获取焦点)等,你可以通过JavaScript进行监听和处理。 4. **服务器端交互**:你可以通过`Save()`方法将编辑器的内容保存到服务器,...

    84道Java面试题及答案

    10. **开源框架**:例如Apache POI用于处理Office文档,JFreeChart用于生成图表,CKEditor是富文本编辑器,Lucene用于全文搜索,Pinyin4j处理汉字拼音。 11. **事务**:事务是一组原子操作,具有ACID特性:原子性、...

    Java面试题和答案84道.docx

    开源框架如Apache POI用于操作Office文档,JFreeChart用于生成图表,CKEditor是富文本编辑器,Lucene是搜索技术,Pinyin4j处理汉字拼音。 12. **事务**: 事务确保数据库操作的原子性、一致性、隔离性和持久性。...

Global site tag (gtag.js) - Google Analytics