在AppFuse2.0(JSF)中集成FCKeditor
fck-faces项目把MyFace和FCKeditor无缝己集成起来,使用起来很简单,真是太棒了!
首先下载 fck-faces-1.7.26,这个版本已经把FCKeditor2.3.1一起打包了,不用再去下载FCKeditor了。
对于AppFuse2.0,所有的依赖库都是用maven2管理,但是maven官方库里并没有对fck-faces支持,没办法只能自己指定本地的jar资源(maven声明不推荐这么使用,希望将来fck-faces也加入到maven中来)。在pom.xml加入下列配置:
<!-- Dependencies with local JARs -->
<dependency>
<groupId>org.fckfaces</groupId>
<artifactId>fck-faces</artifactId>
<version>1.7.26</version>
<scope>system</scope>
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/fck-faces-1.7.26.jar</systemPath>
</dependency>
注意:<systemPath>需要指定你的fck-faces-1.7.26.jar在哪里,为了让appfuse在打包部署的时候能够加入fck-fackes,建议把jar文件放在/src/main/webapp/WEB-INF/lib/下,这样在打包的时候就没问题了。
接下来配置web.xml,按照官方的说明添加以下内容即可:
<servlet>
<servlet-name>FCK Faces Servlet</servlet-name>
<servlet-class>org.fckfaces.util.Servlet</servlet-class>
<load-on-startup>3</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>FCK Faces Servlet</servlet-name>
<url-pattern>/fckfaces/*</url-pattern>
</servlet-mapping>
OK!下面就可以在页面上使用FCKeditor了,appfuse2使用嗯facelet,所以在页面上加入xmlname space xmlns:fck="http://www.fck-faces.org/fck-faces"
fck-faces标签的使用:
Default:
<fck:editor value="#{MyBackingBean.editorText}" />
Custom:
<fck:editor toolbarSet="Basic" value="#{MyBackingBean.editorText}" />
Full:
<fck:editor toolbarSet="Basic" height="500" width="100%" value="#{MyBackingBean.editorText}" />
分享到:
相关推荐
8. 免费提供JavaScript SDK包,方便您将插件快速集成到已有网站中。 支持语言:PHP,JSP,ASP,ASP.NET(C#),ASP.NET(VB),C++,VC,VC.NET,VB,VB.NET,C#,C#.NET,Delphi,C++Builder 支持平台:Visual Studio 6.0/2002/...
<url-pattern>/fck/*</url-pattern> </servlet-mapping> ``` 这样,所有的FCKeditor请求都会被映射到`/fck/`路径下。 2. **初始化编辑器**:在需要使用FCKeditor的JSP页面中,通过JavaScript引入FCKeditor,并...
2. **导入项目**:在Eclipse中,通过"File" -> "Import" -> "Existing Projects into Workspace"将FCKweb编辑器的源码导入到工作空间。 3. **构建与配置**:根据项目需求,可能需要编译编辑器的源码,并将其所需...
ASP.NET FCK文本编辑器的一个显著特点就是能够导入和编辑Word文档。这使得用户可以直接将Word内容粘贴到编辑器中,保存为HTML格式,方便在网络环境中分享和发布,避免了格式转换的繁琐过程。 3. **插入图片与上传...
1. **导入项目**: 在Eclipse或MyEclipse中,选择“File” -> “Import” -> “Existing Maven Projects”,然后导航到解压后的fckDemo目录,导入项目。 2. **配置服务器**: 根据你使用的开发环境,配置相应的Tomcat...
- **导入jar包**:你需要将这些jar文件添加到项目的类路径中,通常包括fckeditor.jar和可能的依赖库,以便在服务器端调用FCKeditor的相关API。 - **配置Servlet**:FCKeditor通过一个Servlet来处理上传和其它...
3. **使用控件**:在需要使用编辑器的页面中,通过`<%@ Register TagPrefix="FCK" TagName="Editor" Src="~/fckeditor/fckeditor.ascx" %>`语句注册fckeditor,并在页面中像其他控件一样使用它。 4. **配置编辑器**...
3. **拖放功能**:用户可以通过拖放操作将本地文件直接导入到编辑器中,提高了工作效率。 4. **代码编辑模式**:对于熟悉HTML代码的用户,FCKeditor提供代码视图,可以直接编辑源码,满足高级用户的个性化需求。 5...