zoukankan      html  css  js  c++  java
  • wangEditor 文本编辑器

    参考:https://www.cnblogs.com/Scholars/p/8968838.html

    下载:http://www.wangeditor.com/

    前端代码:

    <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;
                }
            }
        
        }
    }
    
    一般处理程序代码
  • 相关阅读:
    分布式日志收集系统: Facebook Scribe之日志收集方案
    20111030 19:37 杨辉三角形 (java)
    pku acm 1833 排列
    俞敏洪郑大演讲经典语句
    自己在inode客户端的大量问题(不断更新中)(20120223 21:24 )
    智力测验:硬币问题
    windows up可以更新但是无法上网的一天挣扎
    hdu1754 I Hate It
    acm算法资源网站
    pku3041 Asteroids
  • 原文地址:https://www.cnblogs.com/zhang1f/p/11104938.html
Copyright © 2011-2022 走看看