テンプレート編集

ブログ風　2020.05.30　作成
作成者：夕月悠里

テンプレートの実験

{
 "time": 1591048668087,
 "blocks": [
 {
 "type": "header",
 "data": {
 "text": "見出し",
 "level": "2",
 "type": "normal",
 "position": "center",
 "color": "#1cb7cd",
 "bordercolor": "#000",
 "backcolor": "#ffffff",
 "url": ""
 }
 },
 {
 "type": "paragraph",
 "data": {
 "text": " たとえばこんな感じに、あらかじめ決められたテンプレートから活動報告を作ることができます。 ",
 "position": "left",
 "size": "1",
 "color": "#000",
 "backcolor": "#fff",
 "withBorder": false
 }
 },
 {
 "type": "header",
 "data": {
 "text": "凝った見出しを作ったら",
 "level": "1.5",
 "type": "left-line",
 "position": "left",
 "color": "#1cb7cd",
 "bordercolor": "#1cb7cd",
 "backcolor": "#ffffff",
 "url": ""
 }
 },
 {
 "type": "paragraph",
 "data": {
 "text": " テンプレートを作っておけば、また再利用することができます。 リンクを貼った見出し、色付けしたタグなどを保存して、その部品を簡単に複製することができます。",
 "position": "left",
 "size": "1",
 "color": "#000",
 "backcolor": "#fff",
 "withBorder": false
 }
 },
 {
 "type": "header",
 "data": {
 "text": "レビュー",
 "level": "1.5",
 "type": "under-line",
 "position": "center",
 "color": "#fd6532",
 "bordercolor": "#fd6532",
 "backcolor": "#ffffff",
 "url": ""
 }
 },
 {
 "type": "paragraph",
 "data": {
 "text": "レビュー本文 レビュー本文",
 "position": "left",
 "size": "1",
 "color": "#000",
 "backcolor": "#9ee2ff",
 "withBorder": false
 }
 },
 {
 "type": "paragraph",
 "data": {
 "text": " こんな風にレビュー報告もテンプレ化してしまえます。",
 "position": "left",
 "size": "1",
 "color": "#000",
 "backcolor": "#fff",
 "withBorder": false
 }
 },
 {
 "type": "paragraph",
 "data": {
 "text": "今後、色々なパターンのテンプレートを用意していきます。 しばらくは小説投稿サイトのカラーイメージがメインになるかと思います。 レイアウトが若干変なのであとで直します。",
 "position": "left",
 "size": "1",
 "color": "#000",
 "backcolor": "#fff",
 "withBorder": false
 }
 }
 ],
 "version": "2.18.0"
}

文章を書くところ：

変換した後のソースコードが出力されるところ：

上手くいかない場合は、割烹エディターの部分にフォーカスが当たっているので外してください
割烹エディターはEditor.jsをベースに開発しています。

使い方はこちら

テンプレート一覧に戻る