下载地址
//github.com/mycolorway/simditor/releases

simditor官方
//simditor.tower.im/

引入CSS
<link rel="stylesheet" href="/static/plugins/editor/styles/simditor.css">

引入js
<script src="/static/plugins/editor/scripts/module.min.js"></script>
<script src="/static/plugins/editor/scripts/hotkeys.min.js"></script>
<script src="/static/plugins/editor/scripts/uploader.min.js"></script>
<script src="/static/plugins/editor/scripts/simditor.min.js"></script>
文本框div
<div class="form-group">
<label>景区介绍</label>
<textarea class="from-control" name="content" id="editor"  placeholder="正文从这里开始..."></textarea>
</div>
script函数
var editor = new Simditor({textarea: $('#editor'), placeholder: '写笔记...', upload:false,
 /*upload: {url:'/api/comment_upload_file.php',params: null,fileKey: 'upload_file',connectionCount: 1,leaveConfirm: '文件正在上传 您确定离开?'},*/
  defaultImage: '//wx3.sinaimg.cn/large/d1613165gy1ftfesg220zj205k03dt8k.jpg',
  codeLanguages: '',
  toolbar: [  'bold','code','ul','ol','image' ]
});



1.simditor simditor-toolbar 竖起

经过调试 找到冲突的样式 建议可以修改simditor.css
.simditor .simditor-toolbar > ul > li > .toolbar-item {
  display: inline-block;
  width: 46px;
 
  outline: none;
  color: #333333;
  font-size: 15px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}

也就是把height: 40px;注释掉即可！