3步搞定ueditor，UEDITOR在asp.net中的应用

最新推荐文章于 2023-02-27 17:06:19 发布

weixin_34375251

最新推荐文章于 2023-02-27 17:06:19 发布

阅读量147

点赞数

文章标签：前端 javascript ui ViewUI

原文链接：http://www.cnblogs.com/ninnd/p/3693327.html

版权

才开始接触也仅做笔记，由于官方文档较少，我下的1.3.6版，网上查的一些教程也不合适，请对照版本使用

1.下载百度编辑器。解压后放在项目的任意位置

2.在源文件中加入三处代码

head处：

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <script type="text/javascript" charset="utf-8" src="Scripts/ueditor1_3_6-utf8-net/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="Scripts/ueditor1_3_6-utf8-net/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="Scripts/ueditor1_3_6-utf8-net/lang/zh-cn/zh-cn.js"></script>
</asp:Content>

我是用了母版的，就是这个样子，没有母版就是<head></head>之间插入就行了。路径和顺序不要错就行了。

body处：

 <div>
                    <script id="editor" type="text/plain" style="width: 100%; height: 300px;"></script>
                </div>
                <div>
                    <asp:Button ID="Button_save" runat="server" Text="提交" OnClick="Button_save_Click" /></div>

源文件结尾处：

                <div>
                    内容：</div>
                <div>
                    <script id="editor" type="text/plain" style="width: 100%; height: 300px;"></script>
                </div>
                <div>
                    <asp:Button ID="Button_save" runat="server" Text="提交" OnClick="Button_save_Click" /></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        UE.getEditor('editor');           

    </script>
</asp:Content>

3.现在就可以了，不用任何改动，如果F5可以看见编辑器就成功了。网上说的什么配置ueditor.config.js，删除<%@ Assembly Src="Uploader.cs" %>之类的根不需要，但要记住一点，如果要上传图片和附件。在网站发布后要把Config.cs和Uploader.cs拷入发布后的相应位置。发布后这两个文件就没了。网上说的把这两个文件的属性改为“内容”，不过我没找到，估计是因为他们创建的是webform项目，我是直接创建的asp.net网站。
分割线----------------------------------------------------------------------------------------------------------------------

1、关于取值和初始化：

取值：在后台CS文件里直接：

 sqlcom.Parameters.AddWithValue("@leirong",Request.Params["editorValue"]);

取得的是UEDITOR里显示内容的源码

初始化：

<script id="editor" type="text/plain" style="width: 100%; height: 300px;">在这里写初始化内容</script>

自带的例子已经很清楚了，可以在后台CS文件里定义一个全局变量在前台引用如：

后台：

public partial class admin_adminnews : System.Web.UI.Page
{
    protected string leirong = string.Empty;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
           leirong="在这里写初始化内容";
}
}
}

前台：

 <div><script id="editor" type="text/plain" style="width:100%;height:300px;"><%=leirong %></script></div>

2、关于配置

在ueditor.config.js中有这一句，是不同页面如果有不同的ueditor的配置，如果想分别配置在aspx文件中的UE.getEditor('editor'); 前面加上这句代码就行了，如果全局是一样的，这个还是注释了吧。

 * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";

上传文件大小配置

网上的一些教程说一上来就把net 文件夹下的Web.config删除，但我这样做了不行，把它里的内容加到网站的全局配置文件里也不行，所以就保留着吧

<?xml version="1.0"?>
<configuration>
    <system.web>
        <compilation debug="true" targetFramework="4.0"/>
        <httpRuntime requestValidationMode="2.0" maxRequestLength="1024000 "/>
        <pages validateRequest="false" controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID"></pages>
        <globalization fileEncoding="utf-8" requestEncoding="utf-8" responseEncoding="utf-8" culture="zh-CN"/>
    </system.web>
</configuration>

我的net文件下的Web.config上传大小是1G，但这还不行因为是用了flash上传的控件，在前端和后台都有判断，全局查找file_size_limit，改成

 file_size_limit:"1000 MB",                                 //文件大小限制，此处仅是前端flash选择时候的限制，具体还需要和后端结合判断

后台里的fileUp.ashx文件里：

     int size = 1000;   //文件大小限制,单位MB,同时在web.config里配置环境默认为100MB

这样就可以了。

上传文件类型：

fileUp.ashx文件里：

 string[] filetype = { ".rar", ".doc", ".xls", ".jpg", ".bmp", ".png",".gif",".docx", ".zip", ".pdf", ".txt", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".mov", ".wmv", ".mp4", ".webm" };    //文件允许格式

自加吧，不知道为什么'"*.*"或".*"都不行

工具栏：

   , toolbars:[
            ['fullscreen', '|', 'undo', 'redo', '|',
                'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
                'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
                'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
                'directionalityltr', 'directionalityrtl', 'indent', '|',
                'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
                'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
                'insertimage', 'emotion',  'insertvideo', 'music', 'attachment', '|',
                'horizontal', 'date', 'time',  'snapscreen',  '|',
                'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
                'print', 'preview', 'searchreplace']
        ]

默认是全部都加载的，如果想配置自己的工具栏，去掉注释就可以了。

滚动条：

,autoHeightEnabled:false

其它的像文件上传路径之类的可以在ueditor.config.js写你网站的绝对路径，注释很清楚。

转载于:https://www.cnblogs.com/ninnd/p/3693327.html

weixin_34375251

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3步搞定ueditor，UEDITOR在asp.net中的应用

才开始接触也仅做笔记，由于官方文档较少，我下的1.3.6版，网上查的一些教程也不合适，请对照版本使用1.下载百度编辑器。解压后放在项目的任意位置2.在源文件中加入三处代码head处：<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server"> <script...
复制链接

扫一扫