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;
                }
            }
        
        }
    }
    
    一般处理程序代码
  • 相关阅读:
    数据库被注入daxia123原因及解决办法
    Alipay数字证书管理员权限问题
    关闭数据库的xp_cmdshell命令以防止黑客攻击
    如何使用JavaScript来写ASP程序
    VBscript操作DOM
    如何做好性能压测丨压测环境设计和搭建
    10倍性能提升!DLA SQL推出基于Alluxio的数据湖分析加速功能
    高德地图驾车导航内存优化原理与实战
    「直播实录」中英数据库专家谈:数据库的过去、未来和现在
    Flink 助力美团数仓增量生产
  • 原文地址:https://www.cnblogs.com/zhang1f/p/11104938.html
Copyright © 2011-2022 走看看