zoukankan      html  css  js  c++  java
  • 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{
                100%;
            }
        </style>

    实例化编辑器

     <textarea id="editor" runat="server" type="text/plain"  style="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=" 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" />
  • 相关阅读:
    【Ecstore2.0】计划任务/队列/导入导出 的执行问题
    【Ecstore2.0】第三方信任登陆问题解决_备忘
    Ecstore 2.0 报表显示空白
    【Linux】 任务调度/计划 cron
    wdcp/wdlinux一键包的php5.3版本添加Zend.so 和Soap.so
    wdcp/wdlinux 在 UBUNTU/linux 中安装失败原因之创建用户
    假如女人是一种编程语言,你会更喜欢哪一种
    Linux中的ln
    wdcp/wdlinux 常用工具及命令集
    php 数组Array 删除指定键名值
  • 原文地址:https://www.cnblogs.com/ivan99/p/6642856.html
Copyright © 2011-2022 走看看