0

xhtml ビューに rich:editor フィールドがあり、デフォルトのフォント サイズは 11 です。次のようになります。

<rich:editor id="editor_value"
    configuration="#{editorBean.currentSimpleConfiguration}"
    width="560" height="130" viewMode="#{editorBean.viewMode}"
    value="#{bean.value}">

デフォルトのフォントサイズを変更して大きくしたい。

次のように「f:param」を使用してこれを実行できることを知っています。

<rich:editor id="editor_value"
    configuration="#{editorBean.currentSimpleConfiguration}"
    width="560" height="130" viewMode="#{editorBean.viewMode}"
    value="#{bean.value}"/>
    <f:param name="font_size" value="13px"/>
</rich:editor>

または、割り当て「font_size=13px」を「simple.properties」ファイルに配置します（「configuration="#{editorBean.currentSimpleConfiguration}"」で参照されます）

しかし、これらの解決策は有効ではなく、フォント サイズは 11px のままです...

誰が私が間違っているか知っていますか?

ありがとう

4

2 に答える 2

1

config ファセットを使用し、CKEditor の指示に従う必要があります: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html

例 ：

<rich:editor value="Test de contenu">
    <f:facet name="config">
    contentsCss: '#{facesContext.externalContext.requestContextPath}/resources/rich.css',
    toolbar: 'custom',
    language: 'fr',
    startupFocus: true,
    toolbar_custom:
        [
            { name: 'document', items : [ 'NewPage','Preview' ] },
            { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
            { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
            { name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'
                     ,'Iframe' ] },
                    '/',
            { name: 'styles', items : [ 'Styles','Format' ] },
            { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
            { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] },
            { name: 'links', items : [ 'Link','Unlink','Anchor' ] },
            { name: 'tools', items : [ 'Maximize' ] }
        ]
    </f:facet>
</rich:editor>

カスタム コンテンツ css を作成します。

body,
p
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

お役に立てれば！

于 2012-11-15T16:17:08.973 に答える
0

content_cssパラメータを追加<rich:editor>してスタイルシートにポイントし、スタイルを定義するだけです。

<rich:editor>
   <f:param name="content_css" value="resources/myStyles.css"/>
</rich:editor>

以下のように、 myStyles.cssでスタイルを定義します。

body {
  color:red;
  font-size:20px;
}

詳細情報: http://www.tinymce.com/tryit/full.php

于 2012-11-17T06:53:17.363 に答える