`
yinlongfei
  • 浏览: 155234 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

seam中使用富文本编辑器及显示富文本信息

    博客分类:
  • seam
阅读更多

在seam中使用富文本编辑器可以采用richfaces editor组件,rich:editor组件中的功能已经是相当的完美,并且可以根据需要定制需要哪些工具条。

 

<rich:editor>是完全基于TinyMCE网页,它基于Javascript HTML所见即所得编辑器控件,并且支持TinyMCE所有的功能。<rich:editor>改编了TinyMCE编辑器用于JSF环境,并增加了一些实用能力。

 

1、引用该组件非常简单,前提是你的应用已经集成了richfaces,选择部分工具条功能具体代码如下:

     <rich:editor id="editValue" value="#{edit.editValue}"

                theme="advanced" language="ch" width="740" height="350" >
                     <f:param name="theme_advanced_toolbar_location" value="top"/>
                     <f:param name="theme_advanced_toolbar_align" value="left"/>
     </rich:editor>

     说明:

     1. TinyMCE提供的大部分选项可利用<f:param>标签被应用。

         语法很简单:"name"属性应该包含该选项,"value"属性指派某些值给该选项。

     2. language="ch"表示选择简体中文,默认是英文 en。

         如果想切换其他语言可以从richfaces-ui.jar包下查找,具体的路径如下:

         richfaces-ui-3.3.1.GA.jar\org\richfaces\renderkit\html\scripts

 

 

2、当在富文本编辑器输入内容后,需要保存到数据库或其他存储设备供其他

   ui页面展现其数据。

   Seam 提供了 <s:formattedText/> 控件来显示符合 Seam Text 语言的格式化文本。   

   Seam Text 是用一个基于 ANTLR 的语实现 法分析器来 的。

   但你不需要知道 ANTLR就能方便地使用它了。 

   通过<s:formattedText/> 控件就可以将上述的富文本格式化产生相对应的html页面。

   具体的实现代码如下:

   <s:formattedText value="#{edit.editValue}" />

 

   如果不使用<s:formattedText/> 控件,还可以使用如下代码实现,效果是一样的:

   <h:outputText value="#{edit.editValue}" escape="false"></h:outputText>

 

 

 

rich:editor具体参数列表:

 

 

1.mode: "textareas" 
2.theme: "advanced" 
3.plugins: "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template" 
4.theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect" 
5.theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor" 
6.theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen" 
7.theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak" 

8.theme_advanced_toolbar_location: "top" 
9.theme_advanced_toolbar_align: "left" 

 

 

 

0
0
分享到:
评论
1 楼 驭乐MJ 2014-08-18  
嗯,学习了,,建议去richFaces的官网去看一下,那里有演示和源代码,并且讲解的也比较好。

相关推荐

    seam 中使用fckeditor 的点点滴滴

    接着,我们需要在Seam组件中创建一个与编辑器交互的后端接口,处理用户提交的富文本内容。这个接口可以是一个@Name注解的Seam组件,使用JSF的ActionEvent或者Ajax行为来调用。 描述中提到的博文链接可能包含具体的...

    SEAM 中文开发指南

    - **版本信息**:本文档介绍了 SEAM 2.0 GA 版本的功能特性及其使用方法。 #### 二、SEAM 入门指南 ##### 1.1 尝试 SEAM - **环境搭建**: - 在 **JBoss AS** 上运行示例。 - 在 **Tomcat服务器** 上运行示例。...

    jboss seam 中文文档集合

    ANTLR 是一个强大的解析器生成器,用于读取、处理、执行或翻译结构化文本或二进制文件。ANTLR中文文档预览版.pdf提供了ANTLR的基本概念和使用方法,对于需要处理自定义语法的Seam应用非常有用。 总的来说,这个文档...

    JBOSS SEAM组件中文手册

    1. **Faces Context增强**: 在Seam 2.0中,对JSF的Faces Context进行了扩展,提供了更多的上下文信息和操作。 2. **CDI支持**: 虽然Seam 2.0发布时,Contexts and Dependency Injection (CDI)规范还未正式发布,但...

    seam 中文文档 pdf

    seam 中文文档 pdf 格式 JSF+EJB3.0快速开发框架Seam的中文版向导。。。

    seam in action 中文 english

    7. **国际化与本地化**:Seam支持多语言环境,对于中英文双语版本的书籍,这为开发者提供了跨越语言障碍的便利,帮助全球的开发者理解和使用Seam框架。 8. **测试支持**:Seam提供了一套完整的测试工具,包括单元...

    使用 Maven 管理 Seam 项目

    每个开发者都可以在本地环境中使用相同的构建流程,而不会因为库版本不一致或缺失而导致问题。 总的来说,通过Maven管理Seam项目,可以有效地组织和自动化项目构建,减少手动配置的工作,提高开发效率。结合Seam的...

    seam 2中文手册

    seam下一代web开发框架

    seam需要的jar包

    在这个“seam需要的jar包”压缩包中,包含了运行和开发Seam应用程序所需的各种库文件。 首先,Seam框架的核心依赖于JSF,这是Java EE中的一个用户界面组件框架,用于构建交互式Web应用。JSF提供了模型-视图-控制器...

    jboss seam 中文文档

    - **工作原理**:深入探讨了示例中使用的 Seam 特性,如事件处理机制和页面流。 ##### 1.4 Seam 和 jBPM:待办事项列表示例 - **代码理解**:展示了如何集成 Seam 和 jBPM 这两个框架,实现一个简单的待办事项列表...

    JSF项目中seam的配置

    完成上述基础配置后,开发者就能在任何支持JSF的容器中使用Seam了。不过,Seam还提供了对Ajax和EJB 3的支持,需要根据项目需求进行额外的配置。 接下来,我们来看看Seam中常见的注解: 1. **@Name**:用于标识Seam...

    Seam框架文档简述

    ### Seam框架核心知识点详解 #### 一、Seam框架简介 Seam,全称为JBoss Seam,是一款基于Java EE 5的技术栈构建的应用框架。它通过整合JSF(JavaServer Faces)与EJB 3.0(Enterprise JavaBeans 3.0)组件,并充分...

    《SeamInAction》+《JbossSeam》+《官方中文指南》

    RichFaces是Seam中的一个增强JSF功能的库,提供了丰富的AJAX支持;JBoss是Red Hat公司开发的应用服务器,它支持并推荐使用Seam框架。 在实际开发中,开发者可以通过这些资源学习如何使用Seam进行组件注入、依赖管理...

    为Seam做好准备

    Seam是一个Java EE集成框架,它将JavaServer Faces(JSF)、Java Persistence API(JPA)、Enterprise JavaBeans(EJB)3.0以及其他组件统一在一个简化开发的环境中。这篇博客的链接虽然无法直接访问,但我们可以...

    seam carving

    需要注意的是,代码中使用了宏来简化访问图像像素的操作,虽然能够缩短代码长度,但不推荐在实际开发中使用,因为宏可能会导致代码难以理解和调试,更推荐使用内联函数或者模板来实现相同功能。 总的来说,Seam ...

    seam_carving 代码实现 seam

    2. **寻找最佳路径**: 在确定能量函数后,算法会在图像中寻找一条能量最低的“拉链”(即 seam),这条拉链将沿着图像的垂直或水平方向穿过。在垂直方向上,拉链的每一像素与上一行的像素相对应,而在水平方向上,...

    Seam security

    Seam Security以易于配置和使用为特点,允许开发者快速设置应用程序的安全性,并随着应用的成熟易于管理。 1. 安全原则:Seam Security围绕几个关键的安全原则构建,包括身份认证、身份管理和授权控制。身份认证是...

    jboss seam 架设Eclipse 中常见的错误解决.doc

    EditPlus是一款轻量级且功能强大的文本编辑器,深受程序员喜爱。当保存文件时,它默认会创建一个.bak备份文件。如果你不想让EditPlus自动生成这些备份文件,可以在菜单栏中选择`Tools` -&gt; `Configure User Tools` -&gt;...

Global site tag (gtag.js) - Google Analytics