bootstrap-wysihtml5 如何使用

Bootstrap-wysihtml5 是一个基于Bootstrap框架的富文本编辑器，它提供了类似于Word中的文本编辑功能，包括格式化、插入链接、插入图片等功能。

使用 bootstrap-wysihtml5 需要进行以下步骤：

1. 引入必要的文件：需要引入 Bootstrap、jQuery 和 bootstrap-wysihtml5 的样式和脚本文件。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-wysiwyg/0.3.3/bootstrap3-wysihtml5.all.min.js"></script>

2. 创建编辑器：在 HTML 中创建一个 textarea 元素，然后使用 JavaScript 初始化编辑器。

<textarea id="editor"></textarea>

$(function(){
    $('#editor').wysihtml5();
});

3. 配置编辑器：可以通过配置参数来自定义编辑器的外观和功能。

$(function(){
    $('#editor').wysihtml5({
        "font-styles": true, // 字体样式
        "emphasis": true, // 强调
        "lists": true, // 列表
        "html": false, // 允许编辑源码
        "link": true, // 插入链接
        "image": true, // 插入图片
        "color": false, // 字体颜色
        "blockquote": true, // 引用
        "size": 'sm' // 编辑器尺寸
    });
});

以上是使用 bootstrap-wysihtml5 的基本步骤，你可以根据自己的需求来配置编辑器的功能和样式。