レビュー報告 2020.06.19 作成 作成者:夕月悠里 Amazonレビュー風テンプレ { "time": 1593640335217, "blocks": [ { "type": "header", "data": { "text": "作品レビュー", "level": "1.5", "type": "normal", "position": "left", "color": "#000", "bordercolor": "#000", "backcolor": "#ffffff", "url": "" } }, { "type": "paragraph", "data": { "text": "<span style=\"color: rgb(255, 187, 0); font-size: 1.5em;\">★★★★★</span> 星5つ中の5.0<br>評価の数 50", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "<span style=\"color: rgb(0, 153, 220);\">星5つ</span> <span style=\"background-color: rgb(255, 187, 0);\"> </span> <span style=\"color: rgb(0, 153, 220);\">100%</span>", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "<span style=\"color: rgb(0, 153, 220);\">星4つ</span> <span style=\"background-color: rgb(241, 241, 241);\"> </span> <span style=\"color: rgb(0, 153, 220);\">0%</span>", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "<span style=\"color: rgb(0, 153, 220);\">星3つ</span> <span style=\"background-color: rgb(241, 241, 241);\"> </span> <span style=\"color: rgb(0, 153, 220);\">0%</span>", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "<span style=\"color: rgb(0, 153, 220);\">星2つ</span> <span style=\"background-color: rgb(241, 241, 241);\"> </span> <span style=\"color: rgb(0, 153, 220);\">0%</span>", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "<span style=\"color: rgb(0, 153, 220);\">星1つ</span> <span style=\"background-color: rgb(241, 241, 241);\"> </span> <span style=\"color: rgb(0, 153, 220);\">0%</span>", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "separator", "data": { "type": "dotted", "width": "thin", "color": "#bababa" } }, { "type": "chat", "data": { "text": "レビュワー名", "position": "leftside", "fontSize": "1.3", "color": "#333333", "backcolor": "#ffffff", "imgurl": "https://22980.mitemin.net/userpageimage/viewimage/icode/i363191/" } }, { "type": "paragraph", "data": { "text": "<span style=\"color: rgb(255, 187, 0); font-size: 1.5em;\">★★★★★</span><br>", "position": "left", "size": "1", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "<b>レビュータイトル</b>", "position": "left", "size": "1.2", "color": "#000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "レビュー本文<br>レビュー本文<br>レビュー本文", "position": "left", "size": "1", "color": "#000000", "backcolor": "#fff", "withBorder": false } }, { "type": "paragraph", "data": { "text": "100人の読者様がこれが役に立ったと考えています。", "position": "left", "size": "1", "color": "#767676", "backcolor": "#fff", "withBorder": false } }, { "type": "button", "data": { "text": "作品を読んでみる", "position": "left", "width": "11", "fontSize": "1", "color": "#242d2e", "bordercolor": "#545454", "backcolor": "#e7e9ec", "url": "https://syosetu.com/" } } ], "version": "2.18.0" } 文章を書くところ: 押すと変換される 変換した後のソースコードが出力されるところ: 押すとコピーすることができる 上手くいかない場合は、割烹エディターの部分にフォーカスが当たっているので外してください 割烹エディターはEditor.jsをベースに開発しています。 使い方はこちら テンプレート一覧に戻る