Simditor是一个界面美观,功能比较齐全的富文本编辑器!
官网
Simditor官网:https://simditor.tower.im/
使用文档:https://simditor.tower.im/docs/doc-usage.html
演示地址
使用
引入样式文件和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
隐藏内容,您需要满足以下条件方可查看
隐藏内容,您需要满足以下条件方可查看