Php 将自定义列表添加到summernote列表

我想向summernote添加一个自定义列表类，就像一个有序列表一样，但是它的css是如此的不同。我怎么做这个

我的代码：

<script type="text/javascript">
    var ListButton = function(context) {
    var ui = $.summernote.ui;
    var button = ui.button({
        contents: '<i class="fa fa-pencil"/> {{trans('add_item')}}',
        tooltip: 'Add Item to description',
        click: function() {

            context.add('<li class="long-terms_link">');
        }
    });

    return button.render();
}

$(document).ready(function() {
    $('#summernote{{ $translation->language_id}}').summernote({
        toolbar: [
            ['style', ['highlight', 'bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['view', ['codeview']]
        ],
        buttons: {
            highlight: ListButton,
        }
    });
});

</script>

var ListButton=函数（上下文）{
var ui=$.summernote.ui；
var button=ui.button({
内容：{{trans（'add_item'）}}}，
工具提示：“将项目添加到说明”，
单击：函数（）{
添加（“
”）；
}
});
返回按钮。render（）；
}
$（文档）.ready（函数（）{
$（'summernote{{$translation->language_id}'）。summernote({
工具栏：[
['style'，['highlight'，'bold'，'italic'，'underline'，'clear']]，
['font'，['strikethrough'，'superscript'，'subscript']]，
[para'，[ul'，ol'，段落]]，
['view'，['codeview']]
],
按钮：{
突出显示：列表按钮，
}
});
});

我想为列表添加此类