轻量级富文本编辑 Trumbowyg —— 基于 jQuery 插件配置

// 引入Trumbowyg的CSS文件
import 'trumbowyg/dist/ui/trumbowyg.css';
// 引入Trumbowyg的jQuery插件
import $ from 'jquery';
import 'trumbowyg';
 
// 初始化Trumbowyg富文本编辑器
$(function() {
    $('#editor').trumbowyg({
        // 在这里配置你的富文本编辑器选项
        btns: [
            ['formatting'],
            ['strong', 'em'],
            ['link'],
            ['insertImage'],
            ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
            ['unorderedList', 'orderedList'],
            ['removeformat'],
            ['fullscreen']
        ],
        // 其他配置...
    });
});

这段代码演示了如何在一个Web项目中引入和配置Trumbowyg富文本编辑器。首先，我们通过import语句引入了必要的CSS和jQuery插件。然后，在DOM准备就绪后，我们初始化了编辑器，并配置了一些基本的按钮和选项。这是一个简洁且有效的配置示例。