Simditor – 便捷的所见即所得编辑器

Simditor是一个界面美观，功能比较齐全的富文本编辑器！

官网

Simditor官网：https://simditor.tower.im/

使用文档：https://simditor.tower.im/docs/doc-usage.html

演示地址

https://simditor.tower.im/

使用

引入样式文件和js文件

<link rel="stylesheet" type="text/css" href="[style path]/simditor.css" />

<script type="text/javascript" src="[script path]/jquery.min.js"></script>
<script type="text/javascript" src="[script path]/module.js"></script>
<script type="text/javascript" src="[script path]/hotkeys.js"></script>
<script type="text/javascript" src="[script path]/uploader.js"></script>
<script type="text/javascript" src="[script path]/simditor.js"></script>

要使用Simditor，首先，您需要一个textarea像这样的元素：

<textarea id="editor" placeholder="Balabala" autofocus></textarea>

初始化Simditor：

var editor = new Simditor({
  textarea: $('#editor')
  //optional options
});

下载

• zip下载：https://github.com/mycolorway/simditor/releases
• 使用npm下载：npm install simditor
• 使用bower下载：bower install simditor

扩展

Simditor支持扩展，通过扩展实现更多功能。同时也支持第三方扩展。

官方扩展

• simditor-emoji：表情符号
• simditor-mention：公开回复（’@’）
• simditor-autosave：自动保存功能
• simditor-mark：记号笔
• simditor-html：HTML源代码编辑
• simditor-markdown：降价编辑
• simditor-checklist：清单功能

第三方扩展

• simditor标记：在textarea中格式化markdown
• simditor-dropzone：拖放图像以上传
• simditor-fullscreen：全屏编辑器

开源地址

GitHub仓库地址：https://github.com/mycolorway/simditor