`
a881127b
  • 浏览: 65948 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

最详细的步骤教你配置fck

阅读更多
fck的工程实例,完整配置,在myeclipse8.1调试通过
一:配置web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
	<servlet>
		<servlet-name>Connector</servlet-name>
		<servlet-class>
				net.fckeditor.connector.ConnectorServlet
		</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>Connector</servlet-name>
		<url-pattern>
			/fckeditor/editor/filemanager/connectors/*
		</url-pattern>
	</servlet-mapping>
</web-app>

二:在网页中使用时:
   <%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
   <FCK:editor instanceName="test" width="600" height="300" toolbarSet=""/>
通过以上两步你就可以在你的jsp网页中使用了
三:下面来介绍fck的简单的几种样式:
  样式配置是通过:/fckeditor/fckconfig.js中的
 
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;

这一句来配置的
1:像office2003的配置为:
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;

显示如图:

2:default的样式为
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;

显示图像为:
 
3:sliver的配置为:
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/sliver/' ;

图像为:

四:编辑器上的控件也是可以自己定制的:
   在fckconfig中一般默认的是这个:
FCKConfig.ToolbarSets["Default"] = [
	['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
	['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
	['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
	['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
	'/',
	['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
	['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
	['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
	['Link','Unlink','Anchor'],
	['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
	'/',
	['Style','FontFormat','FontName','FontSize'],
	['TextColor','BGColor'],
	['FitWindow','ShowBlocks','-','About']		// No comma for the last row.
] ;

控件个数也是像上面图像上一样.
自己定制就要另外在fckconfig中定制:
如:
FCKConfig.ToolbarSets["Blog"] = [
                              	['Bold','Image','Smiley','Style','UnorderedList','TextColor','Link','Unlink','-','About']
                              ] ;

在页面引用时就这样:
 <FCK:editor instanceName="test" width="600" height="300" toolbarSet="Blog"/>


 
0
0
分享到:
评论

相关推荐

    Fck安装教程

    以下是使用ASP配置FCKeditor并实现图片上传功能的详细步骤: 1. **下载与瘦身** - 首先,你需要从官方网站或可靠的源下载FCKeditor的最新稳定版本,例如FCKeditor_2.6.4.1。 - 安装完成后,对FCKeditor目录进行...

    FCK使用

    2. **安装与集成**:详细介绍如何在项目中引入FCKeditor,包括下载、添加引用、设置配置等步骤。 3. **源码分析**:对于开发者来说,可能涉及到FCKeditor的源码结构,关键函数的解读,以及如何通过修改源码实现特定...

    CodeIgniter整合fck/ci整合fck实例一个

    通过以上步骤,你应该能在CodeIgniter中成功集成FCKeditor。这个过程需要对CodeIgniter框架和前端开发有基本的理解,同时也提醒我们在使用网上资源时,要结合自身情况,避免盲目复制,确保代码的正确性和安全性。

    FCK在线编译器JSP自定义函数Proxool连接池配置信息.

    `Proxool数据库连接池配置.doc`应详细介绍了如何配置和使用Proxool,包括关键的配置参数及其作用。最后,`FCKeditor在线编译器.doc`可能会涵盖FCKeditor的安装、使用方法,以及如何集成自定义函数的教程。 总的来说...

    .Net中Fck用法详解(带fck)

    在.NET开发环境中,FCKeditor是一款非常流行的开源富文本编辑器,它允许用户在...通过以上步骤,你已经掌握了在.NET中使用FCKeditor的基本方法。随着实践的深入,你还可以进一步了解和利用它的高级功能,提升用户体验。

    FCK editor 使用实例代码

    你可以在`fckToolbarButtons.js`和`fck_config.js`中配置工具栏,或者通过`FCKeditorAPI`接口在运行时动态操作编辑器。 7. **图片上传与管理** FCKeditor提供了内置的图片上传功能,用户可以直接在编辑器中上传...

    FCKeditor2.5配置教程

    在提供的压缩包中,`FCK配置步骤.doc`文档应该详细描述了配置过程,可以作为参考。`PICS`目录可能包含了一些示例图片,用于展示配置效果。`FCK源文件`是编辑器的完整源码,有助于深入理解其工作原理。`FCK_test`可能...

    fck编辑器的使用.rar

    这个“fck编辑器的使用.rar”压缩包可能包含了关于如何安装、配置以及使用FCKeditor的详细资料。 FCKeditor的特点和功能包括: 1. **多平台支持**:FCKeditor可以在多种操作系统和浏览器环境下运行,包括Windows、...

    fck的安装与调用(使用)-视频教程

    **FCKeditor与CKeditor...总的来说,FCKeditor的安装与调用并不复杂,只需按照上述步骤操作,你就能在你的网站上轻松集成这个强大的富文本编辑器。通过视频教程的学习,可以更好地理解和实践这些步骤,提高开发效率。

    Fckeditor教程.txt

    本文档详细介绍了 FCKeditor 的安装、配置和使用过程。通过这些步骤,用户可以轻松地将 FCKeditor 集成到自己的项目中,并根据实际需求进行定制化配置。对于开发者来说,理解 FCKeditor 的工作原理和配置选项是非常...

    jsp嵌入fck或ck编辑器所需导入的jar包

    7. **整合步骤**:整合FCKeditor或CKEditor到JSP项目中,你需要: - 在HTML表单中添加编辑器的textarea标签,并设置相应的属性。 - 引入编辑器的JavaScript文件。 - 配置后端Servlet来接收编辑器提交的内容和文件...

    FCKeditor教程

    6. **配置完成**:完成以上步骤后,FCKeditor就已经成功地在你的Java Web应用环境中配置好了。 **FCKeditor 的调用** 在需要使用FCKeditor的JSP页面中,引入FCKeditor的标签库,并使用以下代码创建编辑器实例: `...

    asp.net常用控件

    集成FCK编辑器时,需要引入相应的JavaScript库,并在ASP.NET页面中添加编辑器控件,通过配置代码实现与服务器端数据的交互。 接下来是WebValidates,这是一个验证控件,主要用于客户端和服务器端的数据验证。在ASP...

    fckeditor2.6.3 for php

    `文字教程.txt`和`readme.txt`可能包含了关于如何使用和配置FCKeditor的详细步骤和注意事项。阅读这些文档可以更好地理解和操作编辑器,解决可能出现的问题。 **5. 功能扩展** FCKeditor 2.6.3提供了丰富的插件和...

    FCKeditor编辑器精简教程手册(WORD)

    FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区样式表 FCKConfig.EditorAreaStyles = ''; // 编辑区样式表风格 FCKConfig.ToolbarComboPreviewCSS = ''; // 工具栏预览CSS...

    FCKEditor2.6.3(.net及操作说明)

    "**FCK文本编辑器.txt**"文件提供了关于如何安装、配置和使用FCKeditor 2.6.3的详细步骤。内容可能包括: 1. **安装指南**: 阐述了如何下载、解压和将编辑器添加到.NET项目中。 2. **配置步骤**: 包括了编辑器的...

    FCKeditor for java例子

    通过以上步骤,你可以在Java Web应用中成功集成并使用FCKeditor。分享你的测试和经验,可以帮助其他开发者更快地掌握这个强大的编辑工具。不断探索和实践,你会发现更多FCKeditor的实用技巧和高级用法。

Global site tag (gtag.js) - Google Analytics