zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    图像处理之优化---任意半径局部直方图类算法在PC中快速实现的框架
    新的验证方式---短信验证和语言验证
    习武 之路---通背拳和苗刀!
    模式识别之Shape Context---利用Shape Context进行形状识别
    ELK 部署
    rsync实现文件备份同步
    oracle-3-子查询和常用函数
    oracle-2中commit 详解
    使用nginx绑定域名,代理gitlab
    Linux Crontab 安装使用详细说明
  • 原文地址:https://www.cnblogs.com/maomaokuaile/p/4309146.html
Copyright © 2011-2022 走看看