Simditor 富文本编辑器的安装

1、下载需要引入的文件

点此前往 GitHub 下载

2、在 HTML 内引入文件

引入CSS

<link rel="stylesheet" href="simditor/site/assets/styles/simditor.css">

引入JS(严格按此顺序引入)

<script type="text/javascript" src="simditor/site/assets/scripts/jquery.min.js">script>
<script type="text/javascript" src="simditor/site/assets/scripts/module.js">script>
<script type="text/javascript" src="simditor/site/assets/scripts/hotkeys.js">script>
<script type="text/javascript" src="simditor/site/assets/scripts/uploader.js">script>	
<script type="text/javascript" src="simditor/site/assets/scripts/simditor.js">script>
3、放置 textarea 元素
<textarea name="" id="editor">textarea>
4、初始化编辑器
<script type="text/javascript">
	var editor = new Simditor({
	    textarea: '#editor',
	    placeholder: '写点什么...',
	    pasteImage: true, // 允许粘贴图片
	    upload: {
	        url: '', // 图片上传接口
	        params: {_token: 123}, // 额外参数
	        fileKey: 'file', // 上传字段名
	        leaveConfirm: '正在上传文件..',
	        connectionCount: 3
	    }
	});
</script>
5、效果图

Simditor 富文本编辑器的安装_第1张图片

你可能感兴趣的:(HTML+CSS,JavaScript,javascript,html5)