wangEditor 文本编辑器
Posted zhang1f
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了wangEditor 文本编辑器相关的知识,希望对你有一定的参考价值。
参考:https://www.cnblogs.com/Scholars/p/8968838.html
前端代码:
<script type="text/javascript"> //下面这两行脚本就是弹出文本框 var E = window.wangEditor var editor = new E(‘#editor‘) // 上传图片(举例) editor.customConfig.uploadImgServer = ‘/upload.ashx‘ //将网络图片隐藏掉 editor.customConfig.showLinkImg = false // 将 timeout 时间改为 3s editor.customConfig.uploadImgTimeout = 1000 * 10; document.getElementById(‘btn1‘).addEventListener(‘click‘, function () // 读取 html alert(editor.txt.html()) , false) editor.create(); </script> <body> <form id="newspost" method="post" action="newspost" enctype="multipart/form-data"> <input type="hidden" id="content" name="content"/> <div style="padding: 5px 0; color: #ccc"></div> <div id="editor"></div> <br/> </form> <button id="btn1">获取html</button> </body>
后端代码(一般处理程序):
using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Web; namespace WebApplication1 /// <summary> /// upload 的摘要说明 /// </summary> public class upload : IHttpHandler public void ProcessRequest(HttpContext context) context.Response.ContentType = "text/plain"; context.Response.Charset = "utf-8"; var files = context.Request.Files; if (files.Count <= 0) return; HttpPostedFile file = files[0]; if (file == null) context.Response.Write("error|file is null"); return; else string Url = "http://192.168.0.20:8099/IMG/"; string path = context.Server.MapPath("/Upader/Img/"); //存储图片的文件夹 if (!Directory.Exists(path)) Directory.CreateDirectory(path); string originalFileName = file.FileName; string fileExtension = originalFileName.Substring(originalFileName.LastIndexOf(‘.‘), originalFileName.Length - originalFileName.LastIndexOf(‘.‘)); string currentFileName = (new Random()).Next() + fileExtension; //文件名中不要带中文,否则会出错 //生成文件路径 string imagePath = path + currentFileName; //保存文件 file.SaveAs(imagePath); //获取图片url地址 string imgUrl = "./Upader/Img/" + currentFileName; string Json = "\\"data\\": [\\"../../" + imgUrl.Replace(@"\\", @"/") + "\\"],\\"errno\\":\\"0\\""; //返回图片url地址 context.Response.Write(Json); return; public bool IsReusable get return false; 一般处理程序代码
以上是关于wangEditor 文本编辑器的主要内容,如果未能解决你的问题,请参考以下文章