`
柴秉承
  • 浏览: 87926 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

FCKeditor在jsp中被调用的方式和定制工具栏

阅读更多
怎么样在JSP中调用FCKeditor

通过替换textarea

<textarea id="content" name="content"></textarea>
                        <script type="text/javascript">
                            var oFCKeditor = new FCKeditor('content') ; //content是textarea的name属性值
                            oFCKeditor.BasePath = "FCKeditor/" ;
                            oFCKeditor.Height = 400;
                            oFCKeditor.ToolbarSet = "Default" ;
                            oFCKeditor.ReplaceTextarea();
                        </script>

fck的基本文件可以和我要,我把需要的东西都已经整理好了!需要的随时Q我!

定制FCKeditor的工具栏

1. 配置Tab键
    默认Tab键在FCKeditor中不可用,可以修改配置行"FCKConfig.TabSpaces    = 0;"为1,启用Tab键。

2. 定制FCKeditor工具栏
   FCLeditor默认的有三个,default,office2003,silver可根据自己的选择相应的。下面说下怎么更换
    在fck目录下编辑fckconfig.js 找到这行
        FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
    可修改
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;
    FCKConfig提供两种工具栏配置。在配置行"FCKConfig.ToolbarSets["Default"] = [ ... ];"中定义了使用全部可用按钮的配置(作为工具栏的默认配置)。在配置行"FCKConfig.ToolbarSets["Basic"] = [ ... ];"中定义了一个精简按钮的工具栏配置。实际使用时,默认配置按钮太多,精简配置按钮又太少。因此需要定制工具栏。
    配置值[ ... ]中是形式为[[v, v2, .., vN], '/', [ ... ],...](vN表示要显示的按钮名字,'/'表示之后的按钮组在下一行显示)的按钮分组的集合。如果不需要整个分组的按钮,那么就删掉该分组(形式为 [ , , ...]);如果只是不需要分组中的某个按钮,删掉该按钮。
3 定制可用的文本字体
    FCKeditor是外国人做的,默认使用的字体当然也是西文字体了。修改配置行"FCKConfig.FontNames = '...';",加入要使用的中文字体名,如宋体,楷体_GB2312等。
    FCKConfig默认使用HTML字体关键字来表示可选的字体大小,这存在着不同浏览器显示效果不一致的问题。因此,建议修改配置行"FCKConfig.FontSizes  = '...';",去掉字体关键字值,加入像素值或磅值。(当然,在网页里定义了全局样式表的话,就不需要修改这项设置了,但应该教会最终用户如何设置字体达到最佳显示效果。)
分享到:
评论

相关推荐

    jsp调用FCKeditor 实例

    **JSP调用FCKeditor实例详解** 在Web开发中,常常需要提供用户友好的文本编辑功能,FCKeditor便是一个流行的开源富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作。本实例是关于如何在JavaServer Pages...

    FCKeditor (jsp在线编辑器)配置总结

    在JSP项目中,通常将`fckeditor`目录复制到Web应用的`WEB-INF`或`jsps`目录下,以便于在JSP页面中引用。 **2. 引入FCKeditor** 在JSP页面中,通过`&lt;script&gt;`标签引入FCKeditor的JavaScript文件,通常是`fckeditor....

    FCKeditor2.3在jsp配置

    总结来说,"FCKeditor2.3在jsp配置"涉及到的主要知识点包括:FCKeditor的安装和引用、在JSP中创建和初始化编辑器实例、处理用户提交的富文本数据,以及理解和使用FCKeditor的TLD文件进行更高级的定制。掌握这些内容...

    JSP使用FCKeditor(带上传图片)实例.rar

    在JSP中集成FCKeditor,首先需要在项目中引入FCKeditor的相关资源文件,包括js脚本、CSS样式和图片等。这些文件通常可以从FCKeditor的官方下载包中获取。将它们放置在项目的合适目录下,如WEB-INF/lib或resources...

    fckeditor-Jsp包

    然后,通过引用编辑器的JavaScript文件和相关CSS,可以在网页中插入FCKeditor编辑框。在JSP代码中,可以使用JavaScript函数来初始化和操作编辑器实例。 FCKeditor还包含了详细的示例和demo,这些可以帮助开发者快速...

    FCKeditor Word控件 JSP编辑控件 word

    - **自定义工具栏**:开发者可以根据项目需求定制编辑器的工具栏按钮。 **2. 调用FCKeditor** 在JSP中使用FCKeditor通常涉及以下步骤: - **下载和引入**:首先从官方或第三方网站下载FCKeditor的压缩包,解压后...

    FCKeditor2.6.4.1 在线编辑器 JSP

    6. **自定义配置**:根据项目需求,可以通过配置文件或JavaScript代码定制编辑器的外观和行为,例如改变工具栏布局、禁用某些功能等。 7. **测试与调试**:在Web应用中运行JSP页面,检查FCKeditor是否正常工作,如...

    FCKeditor编辑器在JSP中配置好的工程

    在JSP项目中,你需要将这些文件复制到合适的位置,例如`/js`、`/css`、`/images`等目录下,以确保它们能被正确引用。 接下来,我们需要在JSP页面中引入FCKeditor。在JSP文件中,通过`&lt;script&gt;`标签引入`fckeditor....

    web编辑器fckeditor ,JSP里使用

    FCKeditor是一款著名的开源富文本编辑器,它在Web开发领域中被广泛使用,特别是在Java JSP应用程序中。这款编辑器以易用性和强大的功能著称,允许用户在网页上进行所见即所得(WYSIWYG)的文本编辑,极大地提升了...

    fckeditor在java中的运用

    首先,你需要将FCKeditor的库文件下载并放入项目的Web-INF/lib目录下,然后在需要使用编辑器的JSP页面中引入JavaScript文件,通常在`&lt;head&gt;`标签内添加引用。 3. **配置与初始化** 配置FCKeditor涉及设置编辑器的...

    JSP例子:Fckeditor整合web EQ 公式编辑器

    - 访问该页面,检查FCKeditor是否能正常加载,并在工具栏中看到web EQ的按钮。点击按钮后,应该能看到公式编辑器弹出并能正常编辑和插入公式。 **注意事项** - 确保你的服务器环境支持JavaScript和HTML5,因为web ...

    FCKEditor完整使用说明--一步步教你使用FCKeditor插件

    2. **复制到Web项目**:将解压后的FCKeditor文件夹复制到你的Web项目的`/WEB-INF`目录下的`js`或`lib`文件夹,以便于在页面中引用。 3. **配置路径**:在你的HTML或JSP文件中,引入FCKeditor的JavaScript文件,例如...

    FCKeditor-2.2.gz

    3. **可定制化**:开发人员可以根据需求调整编辑器的外观和功能,例如添加自定义按钮、工具栏等。 4. **兼容性**:它与多数主流浏览器(如IE、Firefox、Chrome、Safari)兼容,确保用户在不同的设备和环境下都能正常...

    FCKeditor_2.6.10.rar

    4. **添加引用**:在JSP页面中通过`&lt;script&gt;`标签引入FCKeditor的JavaScript文件,通常是`fckeditor.js`。 5. **实例化编辑器**:使用JavaScript创建FCKeditor实例,指定编辑区域的ID和初始化参数。 6. **保存与提交...

    FCKeditor富文本文件

    2. **配置**:根据项目需求,调整FCKeditor的配置文件(如fckconfig.js),设置语言、皮肤、工具栏等选项。 3. **引入编辑器**:在HTML页面中通过JavaScript引用FCKeditor的JavaScript文件,并实例化编辑器,指定...

    jsp FCKeditor 配置

    本篇文章将详细介绍如何在JSP项目中配置和使用FCKeditor。 首先,我们需要获取FCKeditor的资源。FCKeditor通常以压缩包形式提供,包含所有必要的JavaScript文件、CSS样式和图片资源。在提供的文件列表中,我们看到...

    FCKeditor配置for java

    在页面中,你需要创建一个`&lt;textarea&gt;`元素,用于被FCKeditor替换。然后通过JavaScript调用`FCKeditor.Replace()`方法来初始化编辑器: ```html &lt;textarea id="myEditor" name="myEditor"&gt;&lt;/textarea&gt; window....

    fckeditor 可应用于各个浏览器

    3. **可定制性**:FCKeditor 允许开发者根据项目需求进行自定义,例如修改工具栏布局、添加自定义插件或皮肤,以满足不同应用场景的需求。 4. **支持多种语言**:FCKeditor 支持多语言界面,方便全球用户使用。 5....

Global site tag (gtag.js) - Google Analytics