このサイトをご覧になるには、JavaScriptを有効にしてください。

[帳票開発ツール]Stimulsoft レポート&ダッシュボード ユーザーマニュアル

Stimulsoft Reportsは、標準的なHTMLフォーマットタグを使用してテキストをフォーマットする機能を備えています。

 

インフォメーション

 

HTMLタグは限られた範囲しかサポートしていません。例えば、div spanは使えません。 テキストに箇条書きや数字を入れたい場合は、手入力するか、RTFテキストエディターコンポーネントを使用するかのどちらかを選択します。

 

 

 

テキスト表現の一部を太字、斜体、下線にする必要がある場合があります。例えば、次のようなことを実現したい場合があります。

 

The fifth word is bold

 

HTMLタグはこれを実現するのに役立ちます。上に示した出力は、次の式を用いて生成することができます。

 

The fifth word is <b>bold</b>

 

 

リッチテキストコンポーネントを使えば、HTMLを使わなくても同様の結果を得ることができますが、難点もあり、リッチテキストコンポーネントの動作も非常に遅いので、HTMLタグを使うのがベストな方法であることが多いです。

 

HTMLタグは、式のテキスト部分にのみ含めることができ、言い換えれば、テキスト コンポーネントの テキスト プロパティにのみ使用することができます。

 

インフォメーション

 

HTMLタグは、式のテキスト部分のみに含めることができます。

 

 

 

例えば、以下のような表現が正しいです。

 

This is a simple <i>expression {1+2}</i>

 

This is a simple <i>expression</i> {1+2}

 

This is a simple expression <i>{1+2}</i>

 

下の表現は間違っています。

 

The is a simple <i>expression {1</i>+2}

 

The is a simple <i>expression {1+2</i>}

 

The is a simple expression {<i>1+2}</i>

 

 

上記の例では、HTMLタグは中括弧で示されたC#またはVB.Netで計算される式の本文中に置かれているため、処理することは不可能です。

 

インフォメーション

 

HTMLタグを中括弧の中に入れてはいけません。

 

 

 

使用できるタグ

ほとんどの有効なHTMLスタイルタグを挿入することができますが、順序付きリストと順序なしリストタグは例外です。 このようなリストを作成する必要がある場合は、リッチテキストコントロールを使用するか、手動でレイアウトを作成することができます。

 

インフォメーション

 

順序付きリストおよび順序なしリストタグは、式の中では使用できません。

 

 

 

HTMLタグは、無制限に入れ子にすることができます。例えば

 

This is a <b>simple <i>expression {1+2}</i></b>

 

タグが閉じられていない場合、タグはテキスト行の終わりまで機能します。

 

HTML タグがテキスト式で使用されている場合、その式での改行は無視されます。テキストで改行を行う必要がある場合は、<br>タグを使用します。

 

インフォメーション

 

HTMLタグを使用する場合は、<br>タグで改行します。

 

 

 

HTMLタグの有効化

デフォルトでは、式の中のHTMLタグは単に無視されることを知っておくことが重要です。 HTMLタグを使用できるようにするには、 テキストコンポーネントのHtmlタグを許可 プロパティをtrueに設定する必要があります。

 

インフォメーション

 

テキスト式でHTMLタグを使用できるようにするには、AllowHtmlTagsプロパティをtrueに設定します。

 

 

 

StimulsoftがサポートしているHTMLタグの一覧です。

 

Name

Description

 

フォントのタグ

<font color="#rrggbb" face="FontName" size="1..n"> </font>

テキストの色、フォント、サイズを定義します。 詳細はこちら

<font-face="FontName"> </font-face>

テキストのフォントを定義します。詳細はこちら

<font-name="FontName"> </font-name>

テキストのフォントを定義します。詳細はこちら

<font-family="FontName"> </font-family>

テキストのフォントを定義します。 詳細はこちら

<font-size="1..n"> </font-size>

テキストの大きさを定義します。詳細はこちら

<font-color="#rrggbb"> </font-color>

テキストの色を設定します。詳細はこちら

 

フォントのスタイルタグ

<b> </b>

テキストを太字にします。詳細はこちら

<i> </i>

テキストを斜体にします。詳細はこちら

<u> </u>

テキストに下線を引きます。詳細はこちら

<s> </s>

テキストに下線を表示します。strike>タグの省略記法です。詳細はこちら

<sub> </sub>

テキストを添え字として表示します。テキストはベーステキスト行の下に配置され、サイズが縮小されます。詳細はこちら

<sup> </sup>

テキストを上付き文字として表示します。テキストはベースラインより上に表示され、サイズは縮小されます。詳細はこちら

<strong> </strong>

テキストを強調表示します。つまり、テキストの重要度を判断し、ブラウザ上で太字にします。 詳細はこちら

<em> </em>

テキストを強調する、つまりテキストの重要性を判断し、ブラウザ上でイタリック体のフォントスタイルで強調表示します。詳細はこちら

<strike> </strike>

下線付きのテキストを表示します。<s>タグに類似しています。詳細はこちら

 

スペーシングタグ

<letter-spacing="0"> </letter-spacing>

要素内の記号の間隔を、フォントの高さ単位で定義します。詳細はこちら

<word-spacing="0"> </word-spacing>

単語と単語の間の間隔をフォントの高さ単位で設定します。詳細はこちら

<line-height="1"> </line-height>

テキストの行間を設定します。詳細はこちら

<text-align="left"> </text-align>

テキストの水平方向の配置を変更します(中央両端揃え)。 詳細はこちら

 

段落タグ

<br> , <br />

改行を挿入します。<p>タグとは異なり、行の前に空白のインデントを追加することはありません。詳細はこちら

<p> </p>

テキストの段落を定義します。タグはブロック要素であり、その前には常に空白行が追加され、互いに続くテキストの段落は垂直方向のスペースで区切られます。詳しくはこちら

 

リストのタグ

<ul> </ul>

箇条書きのリストを設定します。リストの各要素は、<li>タグで始まる必要があります。詳細はこちら

<ol> </ol>

番号付きリストを設定します。リストの各要素は、<li>タグで始まる必要があります。詳細はこちら

<li> </li>

箇条書きまたは番号付きリストの個別の項目を定義します。

 

URLタグ

<a href="...">…</a>

開閉タグで囲まれたテキストをクリックしたときに挿入されるURLアドレスを設定します。

 

色と背景のタグ

<color="#rrggbb"> </color>

テキストの色を定義します。

<background-color="#rrggbb"> </background-color>

テキストの背景色を定義します。

 

スタイル属性

color

要素内のテキストの色を定義します。

background-color

要素の背景色を定義します。

text-decoration: underline, line-through, none

文字装飾の種類を設定します。

underline - テキストを強調します。

line-through - テキストを消去します。

none - リンクの効果も含め、すべての効果を取り消します。

font-weight: bold, normal

フォントのウェイトを定義します - ボールドまたはノーマル。

font-style: normal, italic

フォントのスタイル(ノーマルまたはイタリック)を定義します。

font-size

フォントサイズを定義します。

font-face, font-family, font-name

フォントを定義します。

vertical-align: baseline, sub, super

垂直方向の配置を定義します。

ベースラインは、</sub> または </super>タグと類似。

sub.要素が添え字として表示されます。また、フォントサイズは変更されない。<sup>タグと類似。

super.要素を上付き文字として表示します。フォントサイズは変更されない。<sup>タグと類似。

letter-spacing: normal, x.x

要素内のシンボル間の間隔を定義します。

normal はデフォルトの値です。

x.xはフォントの高さの単位で指定します。

word-spacing: normal, x.x

要素内のシンボル間の間隔を定義します。

normal はデフォルトの値です。

x.xはフォントの高さの単位で指定します。

line-height: normal, x.x

行間を設定します。

normalはデフォルトの値です。

x.xはフォントの高さの単位で、カスタム値です。

text-align: left, center, right, justify

水平方向の配置を定義します。

left - 要素を左寄せにします。

center - 要素を中央に配置します。

right - 要素を右寄せにします。

justify - 要素の幅を揃えます。

margin-top, margin-bottom

要素の上端と下端からのインデント量を設定します。<p>タグにのみ関係します。

margin

要素の上端と下端からのインデント量を設定します。<p>タグにのみ関係します。

 

カラーフォーマット

#rrggbb

RGB形式で色を HEX コードで定義します。

#rgb

RGB形式の色をHEXコードの短縮形として定義します。

rgb(r,g,b)

RGB形式の色を10進数の値で定義します。

 

特殊文字200文字以上以下は、よく使われるもののリストです。

&amp;

「&」アンパサンドを表示します。詳細はこちら

&lt;

「<」未満を表示します - 。詳細はこちら

&gt;

「>」より大きいを表示します。詳細はこちら

&quot;

「"」二重引用符を表示します。詳細はこちら

&apos;

「’」引用符を表示します。詳細はこちら

&nbsp;

ノーブレーク・スペースを表示します。詳細はこちら

&#xxxx;

ASCII暗号化における記号入力のテンプレートです。詳細はこちら

 

フォント形式

Font name formats: name name1,name2

複数のフォントを指定します。