• ueditor


    1,web应用程序中添加ueditor目录(网上直接下载解压即可,最后附有下载地址)

    前端页面添加应用js 以及空间的容器 (@(BasePath)是网站虚拟根目录,可以不用关心)

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" src="@(BasePath)ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="@(BasePath)ueditor/ueditor.all.js"></script>
    <link rel="stylesheet" href="@(BasePath)ueditor/themes/default/css/ueditor.css"/>
    <script type="text/javascript" charset="utf-8" src="@(BasePath)ueditor/lang/zh-cn/zh-cn.js"></script>

    <script type="text/javascript">
    $(function () {

    UE.getEditor('myEditor', {
    serverUrl: '@(BasePath)ueditor/controller.ashx',
    initialFrameWidth: 500,
    initialFrameHeight: 320,
    initialContent: "",
    zIndex: 900
    });
    UE.getEditor('myEditor').setContent("", false);//初始化值

    });

    <div id="divEditor" style="display: none">
    <script id="myEditor" name="myEditor" type="text/plain"></script>
    </div>

    2,controller中方法

     [ValidateInput(false)]//最好加上,否则控件中输入的特殊字符,html代码会获取不到

    actionresult test()

    {

     // 获取控件的值

    Request.Form["myEditor"]//将控件中的值按照html格式保存,下次加载显示也是以html格式加载显示(所以其中的图片等相对路径需要注意调整,html内容很容易调整)

    }

    3,ueditor配置

    上面说到了怎么使用及获取ueditor的值,下面说说如何配置(这里只举例说明如何配置截图保存,其他类似)

    打开config.json文件,找,到节点

    /* 涂鸦图片上传配置项 */
    "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */   --默认不用修改
    "scrawlFieldName": "upfile", /* 提交的图片表单名称 */                         --默认不用修改
    "scrawlPathFormat": "../UploadFile/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */--这里我放到万丈相对路径下
    "scrawlMaxSize": 2048000, /* 上传大小限制,单位B */                      --默认不用修改
    "scrawlUrlPrefix": "", /* 图片访问路径前缀 */                                     --根据实际情况调整,一般默认即可
    "scrawlInsertAlign": "none",                                                          --默认不用修改

    4,ueditor.config.js文件,是一个初始化配置,这里的配置也可以在前端页面初始化时候配置

    window.UEDITOR_CONFIG = {

    //为编辑器实例添加一个路径,这个不能被注释
    UEDITOR_HOME_URL: URL

    //以下内容全部注释掉了,其中 serverUrl等属性,上面的js初始化中已经做了。其他的项目可以根据自己需求调整

    }

    这样下来基本就能使用了,并且支持截图直接粘贴到ueditor里面。

    另外给你两个地址,我这里使用的是1.4.3.net版本:

    Ueditor下载地址:http://ueditor.baidu.com/website/download.html

    Ueditor的API地址:http://ueditor.baidu.com/doc/#UE.Editor

  • 相关阅读:
    java几种常用设计模式简单示例
    字符串常用方法
    File类常用方法
    如何在一个form表单中实现多个submit
    CC EAL认证
    ARQC与ARPC的生成和校验方法
    金融卡IC卡知识50问
    M(必备),R(需求),C(条件),O(可选)
    非接触IC卡中typeA卡和typeB卡的区别--总结,二者的调制方式和编码方式不同
    电子钱包和电子存折的区别
  • 原文地址:https://www.cnblogs.com/maomaokuaile/p/4309146.html
Copyright © 2020-2023  润新知