テンプレート編集

チャット風　2020.06.14　作成
作成者：夕月悠里

チャット風割烹実験

{
    "time": 1593240158644,
    "blocks": [
        {
            "type": "chat",
            "data": {
                "text": "こんな風に<br>吹き出しも",
                "position": "rightside",
                "fontSize": "1",
                "color": "#333333",
                "backcolor": "#B1ED8B",
                "imgurl": ""
            }
        },
        {
            "type": "paragraph",
            "data": {
                "text": "字の文",
                "position": "center",
                "size": "1",
                "color": "#000",
                "backcolor": "#fff",
                "withBorder": false
            }
        },
        {
            "type": "chat",
            "data": {
                "text": "チャット風にもできます。",
                "position": "leftside",
                "fontSize": "1",
                "color": "#333333",
                "backcolor": "#eebb91",
                "imgurl": ""
            }
        },
        {
            "type": "chat",
            "data": {
                "text": "アイコンも付けられるよ",
                "position": "leftside",
                "fontSize": "1",
                "color": "#333333",
                "backcolor": "#91ecee",
                "imgurl": "https://22980.mitemin.net/userpageimage/viewimage/icode/i363191/"
            }
        },
        {
            "type": "chat",
            "data": {
                "text": "こんな風に<br>アイコンも",
                "position": "rightside",
                "fontSize": "1",
                "color": "#333333",
                "backcolor": "#eec291",
                "imgurl": "https://22980.mitemin.net/userpageimage/viewimage/icode/i363192/"
            }
        }
    ],
    "version": "2.18.0"
}

文章を書くところ：

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

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

使い方はこちら

テンプレート一覧に戻る