Ueditor使用说明(包括设置其可编辑不可编辑)

1、下载的是百度的Ueditor

先把整个文件包引入vs(index里面说明挺详细)

再把net下的文件按照其分类放入网站下的各个文件夹(Web.config可以不需要)

2、前台代码

记得在头部加入这个标志(红色标注)

<%@ Page Language="C#" AutoEventWireup="true"  ValidateRequest="false" CodeFile="NewsAdd.aspx.cs" Inherits="NewsFile_NewsAdd" %>

接着引入文件(路径都需要修改)

 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="/ueditor/lang/zh-cn/zh-cn.js"></script>
      <style type="text/css">
        div{
            width:100%;
        }
    </style>

实例化编辑器

 <textarea id="editor" runat="server" type="text/plain"  style="width:701px; height:318px;" ></textarea>
        <script type="text/javascript">
            var ue = UE.getEditor('<%=editor.ClientID %>');
        </script>

3、后台获取

用editor.innerHtml即可获取

存入数据库的时候记得替换符号

如这个函数

 static public string change(string x)//对富文本编辑器中获取的内容 html标签进行处理,避免它存到数据库的时候被转义
    {
        x = x.Replace("&lt;", "<");//对一些特殊字符进行替换
        x = x.Replace("&gt;", ">");
        x = x.Replace("&quot;", "\"");

        return x;
    }

4、若要设置Ueditor的可编辑和不可编辑

<textarea id="editor" runat="server" type="text/plain" style="width: 1024px; height: 500px;"></textarea>
            <script type="text/javascript">
                var CheckF = $('#ChangeFlag').val();

                var ue = UE.getEditor('<%=editor.ClientID %>');
//这里设置了一个监听器,每次页面刷新的时候都会执行,当标签changeFlag的值不为1的时候,编辑器不可编辑 ue.addListener(
'ready', function () { if (CheckF != '1') { ue.setDisabled(); } }); </script>

标签在这

                <input id="ChangeFlag" runat="server" type="hidden" />

 

posted @ 2017-03-30 00:16  Ivan99  阅读(5367)  评论(0编辑  收藏  举报