JSF 2ではエディタck-jsf-editorを使用します.

28915 ワード
プロジェクトには記事を追加する必要があります.一番目のポイントは使いやすいオンラインエディタを選ぶことです.GoogleさんはJSFに本当にあります.
CK-jsf-editorは多く紹介しなくなりました.使い方を説明します.
先にjarの包みをダウンロードして、住所のGoogleの下で、私は使ったのはCK-jsf-editor-00.94.jarです.jarパッケージをプロジェクトに追加したら、そのまま使えます.追加ドメイン:xmlns:ck="http://code.google.com/ck-jsf-editor「コードは:
＜ck:editor value=「啢{ xx.xxx]」uiColor=「aed 0 ea」/>しかし、問題があります.表示されているtoolbarが多すぎて、多くのものが使えなくて、場所を占めています.幸い、このエディタはカスタマイズできます.toolbar属性は、fullまたはbaicとして選択され、両方が満足していない場合、jarパッケージのプロファイルconfig.jsを修正します.
jarを包んで解凍して、config.jsを探し当てます.最後に次のように修正しました.

   
   
   
   

    
    
    
    
     CKEDITOR.editorConfig 
    
    
    
    =
    
    
    
     
    
    
    
    function
    
    
    
    ( config ) { config.toolbar 
    
    
    
    =
    
    
    
     
    
    
    
    '
    
    
    
    Full
    
    
    
    '
    
    
    
    ; config.toolbar_Full 
    
    
    
    =
    
    
    
     [ { name: 
    
    
    
    '
    
    
    
    clipboard
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Cut
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Copy
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Paste
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    PasteText
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    PasteFromWord
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Undo
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Redo
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    editing
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Find
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Replace
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    SelectAll
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    SpellChecker
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Scayt
    
    
    
    '
    
    
    
     ] }, 
    
    
    
    '
    
    
    
    /
    
    
    
    '
    
    
    
    , { name: 
    
    
    
    '
    
    
    
    basicstyles
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Bold
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Italic
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Underline
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Strike
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Subscript
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Superscript
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    RemoveFormat
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    paragraph
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    NumberedList
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BulletedList
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Outdent
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Indent
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Blockquote
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    CreateDiv
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyLeft
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyCenter
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyRight
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyBlock
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BidiLtr
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BidiRtl
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    links
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Link
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Unlink
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Anchor
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    insert
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Image
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Flash
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Table
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    HorizontalRule
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Smiley
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    SpecialChar
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    PageBreak
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Iframe
    
    
    
    '
    
    
    
     ] }, 
    
    
    
    '
    
    
    
    /
    
    
    
    '
    
    
    
    , { name: 
    
    
    
    '
    
    
    
    styles
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Styles
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Format
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Font
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    FontSize
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    colors
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    TextColor
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BGColor
    
    
    
    '
    
    
    
     ] }, ]; config.toolbar_Basic 
    
    
    
    =
    
    
    
     [ [
    
    
    
    '
    
    
    
    Bold
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Italic
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    NumberedList
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    BulletedList
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Link
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Unlink
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    About
    
    
    
    '
    
    
    
    ] ];};
読者は自分の需要によって修正できます.フルーは次の通りです.

   
   
   
   

    
    
    
    
    config.toolbar 
    
    
    
    =
    
    
    
     
    
    
    
    '
    
    
    
    Full
    
    
    
    '
    
    
    
    ; config.toolbar_Full 
    
    
    
    =
    
    
    
     [ { name: 
    
    
    
    '
    
    
    
    document
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Source
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Save
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    NewPage
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    DocProps
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Preview
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Print
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Templates
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    clipboard
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Cut
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Copy
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Paste
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    PasteText
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    PasteFromWord
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Undo
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Redo
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    editing
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Find
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Replace
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    SelectAll
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    SpellChecker
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Scayt
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    forms
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Form
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Checkbox
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Radio
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    TextField
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Textarea
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Select
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Button
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    ImageButton
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    HiddenField
    
    
    
    '
    
    
    
     ] }, 
    
    
    
    '
    
    
    
    /
    
    
    
    '
    
    
    
    , { name: 
    
    
    
    '
    
    
    
    basicstyles
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Bold
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Italic
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Underline
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Strike
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Subscript
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Superscript
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    RemoveFormat
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    paragraph
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    NumberedList
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BulletedList
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Outdent
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Indent
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Blockquote
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    CreateDiv
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyLeft
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyCenter
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyRight
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    JustifyBlock
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BidiLtr
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BidiRtl
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    links
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Link
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Unlink
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Anchor
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    insert
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Image
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Flash
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Table
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    HorizontalRule
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Smiley
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    SpecialChar
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    PageBreak
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Iframe
    
    
    
    '
    
    
    
     ] }, 
    
    
    
    '
    
    
    
    /
    
    
    
    '
    
    
    
    , { name: 
    
    
    
    '
    
    
    
    styles
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Styles
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Format
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    Font
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    FontSize
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    colors
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    TextColor
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    BGColor
    
    
    
    '
    
    
    
     ] }, { name: 
    
    
    
    '
    
    
    
    tools
    
    
    
    '
    
    
    
    , items : [ 
    
    
    
    '
    
    
    
    Maximize
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    ShowBlocks
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    About
    
    
    
    '
    
    
    
     ] } ]; config.toolbar_Basic 
    
    
    
    =
    
    
    
     [ [
    
    
    
    '
    
    
    
    Bold
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Italic
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    NumberedList
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    BulletedList
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Link
    
    
    
    '
    
    
    
    , 
    
    
    
    '
    
    
    
    Unlink
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    -
    
    
    
    '
    
    
    
    ,
    
    
    
    '
    
    
    
    About
    
    
    
    '
    
    
    
    ] ];
もう一つ注意したいのは、では識別できません.タグを使って調べたら、属性escape="false"だけでいいです.
本論文の参考:http://blog.sina.com.cn/s/blog_568 e 66230302 cpa. 
必要なクラスメートに助けてほしいです.
即時実行関数IIIFEについて