割烹エディター

今回は割烹エディターの使い方とどんなふうにカスタマイズができるか説明していきます。

URL : https://k-editor.com/editor/keditor/

## 基本

割烹エディターのいくつかの単品テンプレートからよく使うものを抜き出してまとめて1つのページで割烹を作れるようにしたものです。

これまで単品テンプレートで別々に作ってきましたが、まとめて作れます。要はコース料理みたいな感じですね。単品メニューもいいですが、行き来するのが面倒な時に使います。

割烹エディターで用意しているのは以下のメニュー

- 段落(Boxデザイン、位置ぞろえ、枠線、背景画像、色変更などできます。)

- 見出し（見出しデザインとほぼ同じものが作れます）

- 区切り（区切りの種類とか色を変更できます）

- 画像(中央寄せとか枠線が引けます)

- コード(ソースコードをそのまま表示させることができます)

- 吹き出し(アイコン画像も使えます)

- リンクボタン(短文用)

これらを組み合わせて割烹を作ることができます。

では割烹の作り方を説明します。

作業としては、

1. +(Add)ボタンを押して

2. 使いたいテンプレートを選んで

3. 文字を打って

4. 装飾して

を繰り返すだけです。一つ一つ見ていきましょう。

エディターにフォーカスを当てると+ボタンが現れます。

+ボタンを押すとテンプレートの選択ができます。

好きなテンプレートを押してください。例では見出しを選択したとします。そうすると見出しのテンプレートが出現するので文章を打ち込みます。

デフォルトでは下線見出しになってます。変えたい場合は、フォーカスを当てた時に右の方に出てくる□を押します。

そうすると装飾メニューが出てくるので好きな装飾を選択します。矢印は上下移動ができます。×を2回押すと削除できます。

下のは見出しの種類を上下にした場合です。こんな風に装飾することができます。

吹き出しを選んだ場合はこんな感じ。

こちらも同様に装飾メニューで調整します。詳細ボタンでアイコン画像を入れたり吹き出し色を調整したりできます。

段落はこのようになっています。文字の寄せ方向調整など簡単にできます。

また中のテキストを選択して装飾することもできます。

ちょっとだけ装飾したい人は段落メニュー選んで中のテキストをちょいちょいいじるといいかと思います。

複製ボタンを押すと同じ装飾を行ったブロックを増やすことができます。見出しの使いまわしや吹き出しの使いまわしをしたいときなんかに使うといいと思います。

画像だけではわからないと思うので実際に動かしたものも置いときます。参考にしてみてください。

見出しのカスタマイズ動画

インラインブロックのカスタマイズ動画

実際に使ってみて慣れるのがいいと思います。

### コードの生成

他のテンプレートと同じように書き終わったら"押すと変換される"ボタンを押します。

そうすると割烹用のコードが出力されます。

それを小説家になろうの活動報告に貼り付けて完了です。

### 作ったものの再利用

作った割烹を再利用することができます。割烹エディターのページの下の方に再利用機能が用意されてます。

再利用したい場合は、手順に沿って操作してください。ボタン押して割烹エディター用のテキストが生成されます。それをダウンロードしてください。

再利用したい場合はファイルを選択ボタンを押してダウンロードしたファイルを読み込ませてください。

そうすると、作成した割烹がそのまま読み込まれます。

自分用のテンプレートを作っておくのがいいかと思います。

## 各種テンプレート

あとは、それぞれのテンプレートを説明します。

### 段落(通常要素)

本文を書くところ。インライン要素を使うとより彩ることができます。

デフォルト装飾メニュー

- 位置調整(左、中央、右)

- 枠線の有無

詳細装飾メニュー

- 文字色

- 背景色

- 文字サイズ

- 余白

- 背景画像

### 見出し

ブログでよく見かける見出しを作ることができます。下線、上下線、左線、刺繍風などの見出しが作れます。

デフォルト装飾メニュー

- サイズ(特大、並大、中大)

- 位置調整(左、中央、右)

- 見出し種類(なし、左線、下線、上下、枠線、刺繍)

詳細装飾メニュー

- 文字色

- 背景色

- 枠線色

- URL

### 区切り線

区切りを入れたいときに、使えます。点線、破線に変えることもできます。

デフォルト装飾メニュー

- 線の種類(実線、破線、点線)

- 線幅(細線、普通、太線)

- 線色

### 画像

みてみんの画像を貼り付けることができます。小さいサイズであれば右寄せ、中央寄せができます。また枠、リンクを付けることができます。

みてみんのURLは

https://xxx.mitemin.net/ixxx/

https://xxx.mitemin.net/userpageimage/viewimage/icode/ixxx/

https://img1.mitemin.net/xxx.jpg/png/gif

に対応しています。

貼り付けると自動でhttps://xxx.mitemin.net/userpageimage/viewimage/icode/ixxx/に変換されます。

デフォルト装飾メニュー

- 位置調整(左、中央、右)

- 枠線

- リンク

URLボタンは別の画像にしたいときに押すものです。URLボタンを押すと画像ブロックが初期化されます。

### 自由（HTMLコード）

HTMLコードを書くことができます。自分で装飾したいときにはこのブロックに入れておくといいでしょう。また単品用のテンプレートで作成したものを使うときはこのブロックに入れておくと一緒に出力されます。

### Codeブロック

HTMLタグを書くとそのまま出力してくれます。活動報告でタグの説明をするときにとても便利です。

### 吹き出し

吹き出しが表示できます。見出しや会話などに利用するといいかと思います。アイコンも付けられるのでLINE風のチャット小説風の割烹も作成できます。

デフォルト装飾メニュー

- 位置調整(左、右)

詳細装飾メニュー

- 文字色

- 背景色

- 文字サイズ

- アイコンURL

### ボタン

短文用のボタンリンクが作成できます。作品ページへのリンクなどに利用するといいでしょう。

デフォルト装飾メニュー

- 位置調整(左、中央、右)

詳細装飾メニュー

- 文字色

- 背景色

- 枠線色

- ボタンサイズ

- ボタン幅

- URL

-　-　- ✂切り取り✂ -　-　-

ということで割烹エディターの使い方でした。もしよくわからない点などあれば感想などでお知らせください。