ブログ風 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": "<br>たとえばこんな感じに、あらかじめ決められたテンプレートから活動報告を作ることができます。<br>", "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": "<br>テンプレートを作っておけば、また再利用することができます。<br><br>リンクを貼った見出し、色付けしたタグなどを保存して、その部品を簡単に複製することができます。", "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": "レビュー本文<br><br>レビュー本文", "position": "left", "size": "1", "color": "#000", "backcolor": "#9ee2ff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "<br>こんな風にレビュー報告もテンプレ化してしまえます。", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "今後、色々なパターンのテンプレートを用意していきます。<br><br>しばらくは小説投稿サイトのカラーイメージがメインになるかと思います。<br><br>レイアウトが若干変なのであとで直します。", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } } ], "version": "2.18.0" } 文章を書くところ: 押すと変換される 変換した後のソースコードが出力されるところ: 押すとコピーすることができる 上手くいかない場合は、割烹エディターの部分にフォーカスが当たっているので外してください 割烹エディターはEditor.jsをベースに開発しています。 使い方はこちら テンプレート一覧に戻る