UEditor在asp.net 下的使用


背景

 

環境

VS2010

.Net3.5

ueditor1_2_4_0-utf8-net.zip

步驟

1. 在官網下載 ueditor 1.24 壓縮包,ueditor1_2_4_0-utf8-net.zip  。

2. 新建網站 ,將解壓后的文件加入網站,目錄如下

image

3. 修改editor_config.js 文件,配置 UEditor目錄。

window.UEDITOR_HOME_URL = "/UEditor/";

image

4 刪除 /UEditor/net/web.config文件。或者重命名此文件。

5 在使用UEditor 的頁面添加如下js文件

<script src="UEditor/editor_all_min.js" type="text/javascript"></script>
    <script src="UEditor/editor_config.js" type="text/javascript"></script>

 

如下是具體實例頁面

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UEditor.aspx.cs" Inherits="UEditor" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="UEditor/editor_all_min.js" type="text/javascript"></script>
    <script src="UEditor/editor_config.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <script type="text/plain" id="myEditor">初始內容</script>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
    var editor = new baidu.editor.ui.Editor({
    });
    editor.render("myEditor");
</script>

 

 

注意

最好將script 腳本文件,放置在html頁面底部。

image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM