いいね!数

0

閲覧数
606

連続の投稿失礼します。

Xgaesで使用しているリッチテキストには行間を設定するボタンがありませんが、

行間の設定をするのは不可能でしょうか?

また、フォントサイズが8からしかないのですが、1,2,3~と小さいフォントサイズを指定

できるようにする方法はあるでしょうか?

サーバー情報: | クライアント情報: | 
カテゴリ:アプリ開発 - XPages | タグ:
  | 質問日時:2016/01/20 15:42:34

回答・コメント

いいね!数

1

XPAGESのリッチテキストであるCKEditorをカスタマイズする方法はあるのですが、残念ながらそれでも行間や小さなフォントサイズを自由に指定することは出来ないようです。

カスタマイズ方法: http://www.ktrick.com/xpages-richtext-ckeditor-toolbar-customize/

ただ、上記のカスタマイズをしてやることで標準のものにはなかった「スタイル」や「フォーマット」を追加することが出来ますので、もしかすると運用次第ではOKになるかもしれません。

参考までに自分が好きなCKEditorのカスタマイズ コードを張り付けておきます。

                    <xp:inputRichText value="#{document1.Content}"
                        id="content1">
                    <xp:this.dojoAttributes>
                        <xp:dojoAttribute name="toolbar">
                            <xp:this.value><![CDATA[#{javascript:var customToolbar="[['Styles','Format','Font','FontSize'],"
+"['TextColor','BGColor'],"
+"['Maximize', 'ShowBlocks','-','About'],"
+"'/',"
+"['Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat'],"
+"['NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl'],"
+"['Link','Unlink','Anchor'],"
+"'/',"
+"['Image','Flash','Table','HorizontalRule'],"
+"['Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo'],"
+"['Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt'],"
+"['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField','Smiley','SpecialChar','Source']"
+"]";
return customToolbar;}]]></xp:this.value>
                        </xp:dojoAttribute>
                    </xp:this.dojoAttributes></xp:inputRichText>

 

※Domino 8.5.3とDomino 9では多少動作が違いますので注意

 

もし、行間やフォントサイズを固定でもいいので調整したいということであれば、CSSを別途記述しておくことで対応は可能になります。

たとえば、HTMLエディタに記述した文章は通常 <div id="#自動生成#" class="domino-richtext xspInputFieldRichText">というボックスの中に<p>タグでくくられて出力されます。

そこで描画するXPAGESで以下のようなCSSを記述してやることで一括の制御が可能になります。

div.domino-richtext p{

    padding-bottom: 10px;  /* 10px 行の下にスペースを入れる。*/

    font-size: 0.8em;  /* フォントサイズを小さくする*/ 

}

※動作テストしていないです。。。

 

 

 

回答日時:2016/01/20 16:30:21

いいね!数

0

Kazu Tatsukiさん、

行間の変更や小さいフォントを使うことは難しいとのこと。

CKEditorのカスタマイズ コードをありがとうございます。こちらを使いたいと思います。

大変助かりました!

回答日時:2016/01/25 14:01:08