`
summerkai
  • 浏览: 93368 次
  • 性别: Icon_minigender_2
  • 来自: 农村
社区版块
存档分类
最新评论

FCKeditor的js验证

阅读更多

在JS里取值方法如下:

JavaScript代码
  1. var checkContent =FCKeditorAPI.GetInstance("content").GetXHTML();  

另外还要让编辑器获得焦点:

JavaScript代码
  1. var oEditor = FCKeditorAPI.GetInstance('content');  
  2. oEditor.Focus();  

注意这里的Focus()是大写。

=======================================================

function validateForm() {
     var title = document.getElementById('infoAnnounce.title').value;
         var oEditor = FCKeditorAPI.GetInstance('infoAnnounce.content');
          if (title == '') {
              alert("标题不能为空");
              return false;}
            else if(title.substring(0,1)==" ")
            { alert("第一个字符不能为空格!");
                return false;}             
           else if(oEditor.GetXHTML(true) == "" ) {
              alert('内容不能为空!');
              return false;}
          return true;
    }

 

在JS里取值方法如下:var checkContent =FCKeditorAPI.GetInstance("content").GetXHTML();

长度验证:FCKeditorAPI.GetInstance("content").GetXHTML().length;
另外还要让编辑器获得焦点:var oEditor = FCKeditorAPI.GetInstance('content');oEditor.Focus();

FCK 编辑器加载后,将会注册一个全局的 FCKeditorAPI 对象. FCKeditorAPI 对象在页面加载期间是无效的,直到页面加载完成.如果需要交互式地知道 FCK 编辑器已经加载完成,可使用"FCKeditor_OnComplete"函数.

<script type="text/javascript">

function FCKeditor_OnComplete(editorInstance) {

    FCKeditorAPI.GetInstance('FCKeditor1').Commands.GetCommand('FitWindow').Execute();

}

</script>

在当前页获得FCK 编辑器实例: var oEditor = FCKeditorAPI.GetInstance('InstanceName');

从 FCK 编辑器的弹出窗口中获得FCK 编辑器实例: var oEditor = window.parent.InnerDialogLoaded().FCK;

从框架页面的子框架中获得其它子框架的FCK 编辑器实例: var oEditor = window.FrameName.FCKeditorAPI.GetInstance('InstanceName');

从页面弹出窗口中获得父窗口的FCK 编辑器实例: var oEditor = opener.FCKeditorAPI.GetInstance('InstanceName');

获得FCK 编辑器的内容: oEditor.GetXHTML(formatted); // formatted 为:true|false,表示是否按HTML格式取出也可用: oEditor.GetXHTML();

设置FCK 编辑器的内容: oEditor.SetHTML("content", false); // 第二个参数为:true|false,是否以所见即所得方式设置其内容.此方法常用于"设置初始值"或"表单重置"操作.

插入内容到FCK 编辑器: oEditor.InsertHtml("html"); // "html"为HTML文本

检查FCK 编辑器内容是否发生变化: oEditor.IsDirty();

在 FCK 编辑器之外调用FCK 编辑器工具条命令, 命令列表如下:

DocProps, Templates, Link, Unlink, Anchor, BulletedList, NumberedList, About, Find, Replace, Image, Flash, SpecialChar, Smiley, Table, TableProp, TableCellProp, UniversalKey, Style, FontName, FontSize, FontFormat, Source, Preview, Save, NewPage, PageBreak, TextColor, BGColor, PasteText, PasteWord, TableInsertRow, TableDeleteRows, TableInsertColumn, TableDeleteColumns, TableInsertCell, TableDeleteCells, TableMergeCells, TableSplitCell, TableDelete, Form, Checkbox, Radio, TextField, Textarea, HiddenField, Button, Select, ImageButton, SpellCheck, FitWindow, Undo, Redo

<script type="text/javascript"></script>

分享到:
评论

相关推荐

    fckeditor 和js验证框架 压缩包

    本文将详细讨论“fckeditor”和“js验证框架”的应用及其相关知识点。 首先,我们来了解一下“fckeditor”。FCKeditor(现已更名为CKEditor)是一款开源的JavaScript富文本编辑器,它允许用户在网页上进行类似于...

    FCKeditor2.5配置教程

    2. **创建编辑器实例**:通过JavaScript代码创建FCKeditor实例,例如: ```javascript var oFCKeditor = new FCKeditor( 'txtContent' ) ; oFCKeditor.BasePath = '/path/to/fckeditor/' ; // 替换为你的...

    javascript组件:FCKeditor控件

    JavaScript组件FCKeditor是一款强大的富文本编辑器,广泛应用于网页开发中,为用户提供了一种类似于Microsoft Word的编辑体验。在Web应用中,FCKeditor允许用户在浏览器端进行文本格式化、图片插入、链接创建等一...

    FCKeditor & FCKeditor.java & fck-faces

    通过FCKeditor.java,开发者可以在Java后端处理编辑器提交的内容,例如进行数据验证、过滤HTML标签等操作。它通常配合Servlet或者JSP使用,为Java开发者提供了一种便捷的方式在Web应用中实现富文本编辑功能。 fck-...

    FCKeditor的jar包

    5. **测试和调试**:确保在浏览器中能正常显示和操作FCKeditor,同时验证服务器端逻辑是否正确处理了FCKeditor的请求。 6. **兼容性**:需要注意的是,不同版本的FCKeditor可能与不同的浏览器和Java环境存在兼容性...

    简单FCKeditor在jsp中的使用

    &lt;script type="text/javascript" src="/fckeditor/fckeditor.js"&gt; ``` 这里假设`fckeditor.js`位于你的项目根目录下,如果实际位置不同,请根据实际情况修改路径。 ### 3. 创建FCKeditor实例 在JSP页面的HTML部分...

    fckeditor所需jar包集合及java源文件

    总结,FCKeditor的Java实现涉及到了JavaScript与服务器之间的通信、Java Web开发的基本概念、JSON数据交换、安全防护等多个方面。了解并掌握这些知识点,对于在Java环境中成功集成和使用FCKeditor至关重要。

    fckeditor下载

    这通常是在页面头部添加对FCKeditor.js的引用,并设置编辑器实例的初始化代码。 4. **创建编辑器实例**:在ASP.NET页面的HTML部分,用`&lt;textarea&gt;`标签定义一个编辑区域,然后通过JavaScript创建FCKeditor实例,将...

    FCKeditor2.6.4使用说明

    - 在需要使用编辑器的页面引入FCKeditor的JavaScript文件,通常为`fckeditor.js`。 - 创建一个`&lt;textarea&gt;`标签,FCKeditor会替换该标签以显示编辑界面。 - 调用`FCKeditor.Create()`函数初始化编辑器。 2. **...

    fckeditor 完整示例

    - **XSS防护**:`fckeditor`提供了一些安全措施来防止跨站脚本攻击,但最佳实践是结合服务器端验证。 - **浏览器兼容性**:支持主流的Web浏览器,包括Internet Explorer、Firefox、Chrome、Safari和Opera。 5. **...

    FCKeditor

    FCKeditor的配置文件通常为"fckconfig.js",在这里可以设置编辑器的默认属性,如宽度、高度、工具栏布局等。此外,还可以自定义编辑器的行为,例如禁用某些功能,或添加新的快捷键。 **安全考虑** 使用任何富文本...

    ASP.NET中FCKEditor配置教程

    `FCKeditor:BasePath`指定了FCKEditor JavaScript库的位置,而`FCKeditor:UserFilesPath`指定了用户上传文件的存储位置。这里的`/FCKEditorTest/Files/`应与你的项目结构匹配。 6. **创建上传文件夹**: 在网站根...

    Fckeditor完美结合Struts2 教程

    &lt;script type="text/javascript" src="&lt;s:url value="/js/fckeditor/fckeditor.js"/&gt;"&gt; ... &lt;textarea name="editor1" id="editor1" runat="server"&gt;&lt;/textarea&gt; var oFCKeditor = new FCKeditor( 'editor1' ) ; ...

    fckeditor

    1. **FCKeditor**: FCKeditor是FCKeditor 2.x系列的版本,它是一个JavaScript编写的客户端富文本编辑器。它支持多种浏览器,如Internet Explorer、Firefox、Chrome等,允许用户在网页上获得类似桌面文字处理软件的...

    Fckeditor以及js_validation解决中文乱码问题

    ### Fckeditor及js_validation解决中文乱码问题详解 #### 一、FCKEditor简介与中文乱码背景 FCKEditor是一款强大的在线富文本编辑器,它支持多种浏览器,并且能够提供丰富的编辑功能,如字体样式调整、图片上传、...

    fckeditor用于php 论坛

    FCKeditor是一款开源的JavaScript富文本编辑器,它允许用户在网页上进行类似Word的文字编辑操作,支持图片上传、超链接插入等功能。FCKeditor以其易用性和强大的功能,在PHP项目中被广泛采用,特别是在需要用户生成...

    FckEditor在SSH中的配置

    &lt;script src="/resources/fckeditor/fckeditor.js" type="text/javascript"&gt; &lt;script type="text/javascript"&gt; var oFCKeditor = new FCKeditor( 'editorContent' ) ; oFCKeditor.BasePath = '/resources/...

    FCKeditor嵌入到.NET项目中

    2. 引入库文件:将FCKeditor的JavaScript库文件(如fckeditor.js)添加到项目的引用目录,确保在网页中能正确访问到。 3. 创建编辑器实例:在需要使用编辑器的ASP.NET页面中,通过HTML代码创建一个iframe元素,然后...

    java中使用FCKEditor富文本编辑器

    &lt;script type="text/javascript" src="/fckeditor/fckeditor.js"&gt; &lt;script type="text/javascript"&gt; var oFCKeditor = new FCKeditor( 'editor' ) ; oFCKeditor.BasePath = '/fckeditor/' ; oFCKeditor.Width =...

    简单易用的日期控件FCKeditor

    3. 在FCKeditor中添加DatePicker:通过JavaScript代码,我们可以在FCKeditor的工具栏上添加一个按钮,点击后弹出DatePicker。这可能涉及到自定义FCKeditor的配置文件(如fckconfig.js),并在其中注册新的按钮和相关...

Global site tag (gtag.js) - Google Analytics