SuperSaaS-FAN
〜 SuperSaaSの使い方 〜

Loading...

SuperSaaSのビジュアルエディタ

ビジュアルエディタ(WYSIWYG)

表示内容のカスタマイズ箇所でHTMLを用いることができる場合は、その設定箇所にビジュアルエディタが採用されています。

HTMLソースコードを入力することなく視覚的に内容を入力することができます。

自己責任ですがJavascriptを用いることも可能です。
ソースコードを直接入力することも可能ですが、あらゆるコードが利用できるわけではありません。
公式な情報はありませんが、色々と制約があるようで保存時に自動的に整理されて利用不可能なコードは削除されます。

主な操作アイコン

アイコン名称概要
強調選択範囲を強調とします。
斜体選択範囲を斜体にします。
斜体を持つフォントにのみ効果があります。
下線選択範囲に下線を付与します。
左寄せ選択範囲の行を左寄せとします。
中央揃え選択範囲の行を中央揃えとします。
右寄せ選択範囲の行を右寄せとします。
箇条書き選択範囲の行を箇条書きとします。
番号付き箇条書き選択範囲の行を番号付きの箇条書きとします。
テキストの色選択範囲の文字の色を指定します。
クリックするとカラーパレットが開きますので、任意の色を指定します。
背景色選択範囲の背景色を指定します。
クリックするとカラーパレットが開きますので、任意の色を指定します。
書式をクリア選択範囲で設定されている書式を消去します。
リンクの編集・挿入選択範囲にリンクを設置します。
選択範囲に設置済みのリンクがある場合は、そのリンクの編集となります。
クリックするとリンク設定が開きます。

リンク先URL
リンク先(href属性)となるURLです。
リンク元テキスト
リンクになる文字列です。
タイトル
リンクのタイトル属性(title属性)の内容です。
ターゲット属性
リンクのターゲット属性(tatget属性)をなし新規ウィンドウ(_blank)から選択できます。
画像の編集・挿入カーソル位置に画像を挿入します。
設置済みの画像を選択中は、その画像の編集となります。
クリックすると画像設定が開きます。

画像のソース
画像をURLで指定します。(src属性)
画像の説明
文画像の説明文(alt属性)です。
画像サイズ(横・縦)
画像の横幅(width属性)、縦高(height属性)のピクセルサイズです。 画像のソースで指定された画像のサイズが自動入力されます。
数値は任意に変更可能です。
縦横比を保持するにチェックがある場合、数値の変更時に縦横比率を自動的調整されます。
ソースコードソースコードエディタが開きます。
ソースコードを直接入力・編集することができます。