当オンラインヴィレッジでは
・サロン編集
・ライブラリ機能
・お知らせ機能
・アンケート機能
など各種機能を利用する際、下記画像のようなリッチなテキストエディタを利用する事が出来ます。
こちらの記事ではテキストエディタの利用方法と各種機能を解説します。
尚、各種ボタンは左から順番に解説します。
目次
⑴ソース編集モードとオプション
ソース:クリックする事でHTMLのソースコードを直接編集する事が出来ます。選択していない場合はビジュアルエディタのままです。
ソース編集モードの場合、外部のCSSスタイルシートを適用させたり、javascriptを適用させる事も出来ます。
※外部のCSSスタイルシートを読み込む方法はコチラ
保存ボタン:編集ボタンと同じで、入力した内容を保存します。
新しいページ:入力した内容をクリアします。
プレビュー:入力した内容を別画面でプレビューさせます。
印刷:入力したページを印刷出来ます。PDF化して保存したり、自身のgoogleドライブに保存する事も可能です。
テンプレート:あらかじめエディタに用意されたテンプレートを利用出来ます。
ビジュアルエディタでテーブルのレイアウトを利用したい時に便利です。
テンプレートは下記の3種類が用意してあります。
画像の挿入とタイトルとテキストの回り込みのあるレイアウト
テキストとテーブルの入ったレイアウト
全幅表示のテーブルによる段組と自由なテキストのレイアウト
⑵切り取りと貼り付け/元に戻すとやり直し
切り取り:選択したテキストを切り取ります。
複製:選択したテキストを複製します。
貼り付け:選択したテキストを貼り付けます。
プレーンテキストとして貼り付け:選択したテキストをプレーンなテキスト(HTMLのコードを削除した状態)で貼り付けていきます。
ワード文章から貼り付け:ワード文章からレイアウト情報を含めたテキストを貼り付ける事が出来ます。
⑶検索&置換とスペルチェック
検索:特定のテキストの位置を検索します。
置換:特定のテキストを別のテキストに置き換えます。
全て選択:テキストを全選択します。WindowsのCtrl+AやMac OSのcmd+Aと同じ挙動です。
スペルチェック:英単語テキストのスペルチェックをします。
⑷フォームエリアの作成
チェックボックスや入力エリアの入力ツールですが、こちらはご利用いただけません。
アンケート機能をご利用ください。
⑸テキストの装飾
太字:テキストが太文字になります。
斜体:文字が斜体(イタリック)になります。
下線:アンダーバーが設定されます。
取り消し線:取り消し線が設定されます。
小サイズ(下寄せ):小サイズ(下寄せ)のテキストになります。階乗を表記する際に利用出来ます。
小サイズ(上寄せ):小サイズ(上寄せ)のテキストになります。累乗を表記する際に利用出来ます。
装飾の解除:設定した装飾を全て解除されます。
⑹行の装飾・行のブロック化・行の位置
数字リスト:数字の割り振られたリスト表示になります。
点リスト:点のついたリスト表示になります。
インデント解除:インデントを解除します。
インデント:行の頭に余白を入れて揃えます。
ブロック引用文:外部サイトや文章を引用する場合に利用します。
Divコンテナ:DIV要素で囲みます。
左揃え:テキストを行単位で左寄せします。
センター寄せ:テキストを行単位でセンター寄せします。
右揃え:テキストを行単位で右寄せします。
両端揃え:テキストを行単位で両端に揃えます。
テキストの向き(左から右):テキストを左から右に並べます。
テキストの向き(右から左):テキストを右から左に並べます。
言語の設定:アラビア語、フランス語、スペイン語の入力を選択できます。
⑺リンクとアンカーの設定
ハイパーリンクの設定:テキストにリンクを貼ることができます。
ハイパーリンク情報の設定
リンクの方式を下記から選択出来ます。
・URL
・アンカー(ページ内リンク)
ターゲット
同じページで開くか、新しいページで開くかなど、ターゲットを設定出来ます。
アップロード
ボタンの画像等をアップロード出来ます。
高度な設定
IDやクラスなど、詳細な設定が出来ます。
ハイパーリンクの解除:リンクを解除します。
アンカーの追加:テキストにアンカー(ページ内のリンク)を追加できます。
⑻画像・表・絵文字の挿入
画像の挿入:画像を挿入出来ます。
画像情報
アップロード済みの画像を利用する場合はURLを指定出来ます。
また、画像の表示幅や表示位置の指定もこちらで設定します。
リンク
画像情報と同様にURLを指定出来ます。
リンクを指定した場合は新規ウィンドウで開くか、既存のウィンドウから遷移するかを選択できます。
アップロード
画像をアップロード出来ます。
高度な設定
画像にidやクラスを指定したり、スタイルの設定が出来ます。
⑼テキストそのものの見た目
スタイル:書式のデザインプリセットが適用されます。
書式:見出し行の設定ができます。
フォント:フォント/文字の形を変更する事が出来ます。
サイズ:フォントのサイズを変更出来ます。
フォントカラー:テキストの色を変更できます。
フォントの背景:テキストの背景色を変更できます。