zoukankan      html  css  js  c++  java
  • .net+mvc,ueditor

    .net+mvc的百度编辑器ueditor

    一、下载百度编辑器:http://ueditor.baidu.com/website/download.html

      选择.net版本

    二、解压后在mvc项目中创建ueditor文件夹,并把解压内容复制到里面

      

    三、编辑视图

      1、控制器内容

            [HttpGet]
            public ActionResult Index(int a=1)
            {
                return View();
            }
            [HttpPost]
            [ValidateInput(false)]//关闭验证,允许html格式的内容传说到控制器
            public ActionResult Index()
            {
                var content = Request.Form["content"];
                return View();
            }

            2、body内容

      <form action="Index" method="post">
                <!-- 加载编辑器的容器 -->
                <%--<script id="editor" name="editor" type="text/plain">--%>
                <script id="container" name="content" type="text/plain">
                    这里写你的初始化内容
                </script>
                <!-- 配置文件 -->
                <script type="text/javascript" src="ueditor.config.js"></script>
                <!-- 编辑器源码文件 -->
                <script type="text/javascript" src="ueditor.all.js"></script>
                <input type="submit" value="提交" />
            </form>

    3、script内容

        <script type="text/javascript">
            var editor = new baidu.editor.ui.Editor({
                UEDITOR_HOME_URL: '/Ueditor/',//配置编辑器路径
                iframeCssUrl: '/Ueditor/themes/iframe.css',//样式路径
                initialContent: '欢迎使用ueditor',//初始化编辑器内容
                autoHeightEnabled: true,//高度自动增长
                minFrameHeight: 500//最小高度
            });
            editor.render('container');
        </script>

    四、关闭验证web.config

        <system.web>
               <httpRuntime targetFramework="4.5" requestValidationMode="2.0"/>

       </system.web>

  • 相关阅读:
    整合Druid数据源
    SpringBoot与数据访问
    IDEA spirng boot @Autowired注解 mapper出现红色下划线解决方法
    IntelliJ Idea 常用快捷键列表
    docker 安装mysql示例
    设计模式都没用过,好意思出去面试?
    为什么 Java 线程没有 Running 状态?
    厉害了,淘宝千万并发,14 次架构演进…
    Redis 内存满了怎么办……
    Java 线程池 8 大拒绝策略,面试必问!
  • 原文地址:https://www.cnblogs.com/wskxy/p/7622788.html
Copyright © 2011-2022 走看看