gaoyixia/application/nutrition/view/article_item/content.html

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.js"></script>

{block name="content"}
<div class="think-box-shadow">
    <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
        <div class="layui-card-body">

            <div class="layui-form-item content" >
                <label class="layui-form-label">描述</label>
                <div class="layui-input-block">
                    <textarea  id="summernote" name="content">{$vo.content|default=""}</textarea>
                </div>
            </div>

            {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
            <div class="layui-form-item text-center">
                <button class="layui-btn" type='submit'>保 存</button>
                <button class="layui-btn layui-btn-danger" type='button' onclick="history.go(-1)" data-close>返回</button>
            </div>
        </div>
    </form>
</div>
<script>
    $('#summernote').summernote({
        placeholder:'Hello bootstrap 4',
        tabsize:2,
        height:700,
        width:550,
        toolbar:[
            // [groupName, [list of button]]
            ['style',['bold','italic','underline','clear']],
            ['font',['strikethrough','superscript','subscript']],
            ['fontsize',['fontsize']],
            ['color',['color']],
            ['para',['ul','ol','paragraph']],
            ['height',['height']]
        ]

    });
</script>
{/block}