エディタ説明書

元に戻す・やり直す

エディタで行った作業を一つ前に戻したり、やり直したりすることができます。
Ctrl+Zで元に戻す、Ctrl+Yでやり直しができるショートカットがあります。

見出し

章の見出しなど、見出し1~見出し6が設定できます。

※見出し1タイトルはサイト側で表示しているので、基本的に見出し2から始めてください

見出しの使用例：
見出し１・・・ページのタイトルなど　サイト側で表示しています
　見出し２・・・章のタイトルなど
　　文章

　見出し２・・・次の章
　　見出し３・・・それ以下のレベル
　　　文章

装飾

TOPレベルの要素（見出し、段落）に装飾ができます。
章タイトルや区切りにご使用ください。

緑塗り白文字

左線緑

下線

下２重線

左線赤

下線２色

下線マーカー青

上下２重線

下ドット線赤

角丸灰塗り

吹き出し　灰

文字サイズ

文字のサイズを12px~36pxで変更できます。
デフォルト:14px

text text text text text text text

横等分割

横並びのレイアウトを作成するときに使用できます
分割数は現在「2~4」まで。
「レスポンシブ」にチェックを入れると4分割では画面幅が狭くなると2分割で折り返します。

分割内での縦方向の整列も可能です。

新規追加時、または分割レイアウト内にフォーカスした状態で分割ボタンを押し開いたメニューから
分割数、間隔の設定が可能です。

4分割

4分割レスポンシブ

文字装飾

基本的な文字装飾ができます。

太字

下線

斜体

取消線

下付き文字　x₂

上付き文字　x²

テキスト装飾

テキストの一部を下線で装飾します

テキストの一部を破線で装飾します

テキストの一部を２重線で装飾します

テキストの一部を点線で装飾します

テキストの一部をマーカーで装飾します

色

文字や背景に色を付けれます。

既定のカラーパレットから、またはカラーピッカーで色を選択可能です。
またカラーピッカーで追加した色は12件までカラーパレットに追加されます。

文字色

RED BLUE GREEN

背景色

RED BLUE GREEN

整列

要素の整列基準を変更できます。
デフォルト:左寄せ

テーブル

テーブルを作成できます。
横並びレイアウトは分割機能で作成ください。

テーブル関連プロパティは
ツールバーのテーブルボタン横のドロップダウン「∨」から各種メニューを開くことができます。
ボーダーの設定、幅や高さの設定などはメニューからできます。

■テーブルの選択について

セルはダブルクリックをするかセル内で左クリック長押し後マウスドラッグで選択できます。

※ドラッグで列幅の調整ができますが、px単位で設定されるのでエディタとプレビューでの見た目に差がある可能性があります。
実際の表示（本体サイトやコミコミショップでプレビュー）を確認しながら調整してください
現在他の機能と競合があるため機能をオフにしています。プロパティ内から数値を指定して調整してください。

リスト

箇条書きができます。行頭文字（●や1,2,3など）は変更できます。

順序なしリスト

• ul1

• ul2

• ul3

順序ありリスト

1. ol1

2. ol2

3. ol3

リンク

文字や画像にリンクを追加できます。
#から始めるとアンカーリンクを作成できます

リンクはいくつかの装飾クラスを付けることができます。
複数選択可能なので「緑色＋横幅100%」のように組み合わせることができます。

緑色ボタン　灰色ボタン

横幅100％ボタン

フリーダイアル

ページアンカー

■アンカー移動先
アンカーボタンでアンカーIDを付けることで作成。
アンカーのついた要素は右端にマークがつきます。

■アンカーリンク
リンク作成で「#」から始めると対応するアンカーIDがついた要素までジャンプするリンクになります。
また、ページ内で使用しているアンカーIDの候補を表示します。

画像

直接エディタ上にドラッグ＆ドロップするか、画像プロパティメニューから追加できます。
アップロード時、幅や高さの指定がない場合それぞれ100%、autoとなり、画面幅に合わせてサイズの変わる画像になります。
比率を維持のチェックを外すことで高さを自由に設定できます

最大幅を設定することで、どれだけ画面幅が広くなっても設定したサイズ以上は画像が大きくならなくなります。

アップロードが必要な画像は、ドロップ時、メニューからだと追加を押した後にアップロードされます。

※大きすぎる画像は負荷も大きいのでリサイズを推奨（最大で1000px程度で十分）

※ページの質を高めるために可能な限り代替テキストを入力してください。

画像の回り込みの設定が可能です。

埋め込み

GoogleMapなどの外部コンテンツの埋め込みができます。
埋め込みコードを貼り付けることで対応している値を取得します。

※再度プロパティを開く場合エディタ上で埋め込みをダブルクリックすることでボタンが点灯します。

※ページの読み込みに影響があるので多用は避けるようにしてください。

絵文字

絵文字を使えます。
絵文字パレットを開き挿入したい絵文字をクリックすることで追加。
絵文字パレットはドラッグで移動可能です（パレットの縁をクリックしながら移動）

絵文字について

🙂‍↔️　一部の環境で対応されていない新しい絵文字が存在します。

🤧 🤧 🤧 🤧 🤧 🤧

☁️ ⛅? ⛈️ 🌤️ 🌥️ 🌦️ 🌧️ 🌨️

🚘️

その他

■段落を下に挿入
現在選択している場所の下に段落を追加します。
この時スタイルなどの状態を引き継がずに初期入力状態になります。

（通常通りエンターキーで改行することでも可能ですが、こちらの場合スタイルなどの状態が引き継がれます）

■下部固定

ページ下部に固定する機能
その要素の元の位置に到達するまで画面下部を追従します。1ページに一つのみ対応。gridレイアウトと共存できます