PowerCMS™
アルファサードのゴールデンウィーク休業について を追加しました。
[ブログ] PowerCMS 6 でのアップデートまとめ を追加しました。
[新着情報] 多要素認証設定画面の QR コードが表示されない問題への対策ファイル を追加しました。
[新着情報] PowerCMSクラウド 月額費用の価格改定に関する追加情報を公開します を追加しました。

リッチテキストエディタ

PowerCMS には、HTML タグを記述することなく、ボタン操作によってリンク付与や画像挿入、表組みなどを行う入力支援の仕組みを備えたリッチテキストエディタが組み込まれています。

リッチテキストエディタは、WYSIWYGと呼ばれることもあります。

※ スマートフォンやタブレットなどでは行えない操作があるため、PC 以外の環境ではリッチテキストエディタは非表示となり使用できません。

リッチテキストフォーマットでの入力

記事/ウェブページ編集画面で、本文入力欄右上の [フォーマット] を「リッチテキスト」に設定すると、リッチテキストエディタでのコンテンツ編集が可能となります。

リッチテキストフォーマットの入力画面

入力支援ボタンの機能詳細

リッチテキストエディタで表示される、入力支援ボタンの機能は以下のとおりです。

ボタン 動作 タグ
icon-bold.png 文字を最強調します <strong>text</strong>
icon-italic.png 文字を左寄せします <p>text</p>
icon-italic.png 文字を中央に配置します <p>text</p>
icon-italic.png 文字を右寄せします <p>text</p>
icon-italic.png 番号なしリストを表示をします <ul>
  <li>text</li>
</ul>
icon-italic.png テキストの文字色を設定します <span>Text</span>
icon-italic.png インデントをします <p>text</p>
icon-italic.png インデントがあった場合、解除します インデントをひとつ解除(-30px)
インデントが0になったときは設定を消去
icon-italic.png 選択した領域にページ内リンクのターゲットとなるアンカーのタグを挿入します <p><a id="targer_a"></a>アンカー</p>
icon-italic.png リンクを挿入します <a href="url">text</a>
icon-italic.png リンクを解除します n/a
icon-italic.png テキストフォーマットを設定します <hn>Text</hn>, <pre>Text</pre>, <p>Text</p>
icon-italic.png テキストの装飾を削除します n/a
icon-italic.png テンプレートの挿入を行います n/a
icon-italic.png ONにした場合、クリップボードの内容をテキストとして貼り付けます n/a
icon-italic.png 表の挿入・削除や、表内のセル・行・列に対する各種変更を行います n/a
icon-italic.png 画像を挿入します 挿入時の設定に準じます
icon-italic.png アイテム類を挿入します <a href="FileURL">File</a>
icon-italic.png フルスクリーンモードに切り替えます n/a
icon-italic.png 本文内のHTMLソースコードを直接編集する為のダイアログを表示します n/a

ボタンその他、リッチテキストエディタの設定については、ドキュメント『リッチテキストエディタの設定』を参照してください。

次は
一覧へ

お問い合わせ

お問い合わせフォームがご利用できない場合は、以下のメールアドレスからも受け付けております。
contact@alfasado.jp

製品資料ダウンロード

パンフレットデータ、提案用資料などがダウンロードできます。