Simditor图片上传

最新推荐文章于 2021-03-27 06:01:03 发布

麦田

最新推荐文章于 2021-03-27 06:01:03 发布

阅读量1.6w

点赞数 17

分类专栏： Simditor 文章标签： Simditor 图片上传

本文链接：https://blog.csdn.net/itmyhome1990/article/details/40374843

版权

本文介绍了如何自定义Simditor的工具栏按钮以实现图片上传功能。通过修改simditor.js文件，在`<input type="file">`标签中添加`name="fileData"`属性，以支持本地图片上传。此外，还提到了 ImgUploadAction 作为处理图片上传的行动，并提供了作者和源码下载链接。

摘要由CSDN通过智能技术生成

上篇文章(Simditor使用方法)只是简单的默认配置,我们可自定义工具栏按钮使其更丰富和实现上传图片功能

初始化编辑器

<script type="text/javascript">
   $(function(){
	toolbar = [ 'title', 'bold', 'italic', 'underline', 'strikethrough',
			'color', '|', 'ol', 'ul', 'blockquote', 'code', 'table', '|',
			'link', 'image', 'hr', '|', 'indent', 'outdent' ];
	var editor = new Simditor( {
		textarea : $('#editor'),
		placeholder : '这里输入内容...',
		toolbar : toolbar,  //工具栏
		defaultImage : 'simditor-2.0.1/images/image.png', //编辑器插入图片时使用的默认图片
		upload : {
		    url