在線客服

24小時(shí)免費(fèi)咨詢電話：18978941786

客服時(shí)間：上午9：30~下午6點(diǎn)

當(dāng)前位置：首頁(yè)>> 技術(shù)文章 >> NET學(xué)習(xí) >> CuteEditor的安裝及它與Ajax.net配合無(wú)刷新操作數(shù)據(jù)庫(kù)!

CuteEditor的安裝及它與Ajax.net配合無(wú)刷新操作數(shù)據(jù)庫(kù)!

收藏分享發(fā)布日期:2012-2-12 16:30:51 編輯:admin 文章來(lái)源: 點(diǎn)擊率:

CuteEditor的安裝及它與Ajax.net配合無(wú)刷新操作數(shù)據(jù)庫(kù)!

在VS2005中引入CuteEditor組件

CuteEditor真的是一款很好的web在線編輯器,我們?cè)趘s2005里面新建個(gè)網(wǎng)站.引用CuteEditor文件夾下的BIN目錄中的所有.dll文件,接著把CuteEditor.dll添加到工具面板.我們?cè)诠ぞ呙姘謇锩嬗益I選擇"選擇項(xiàng)",在出來(lái)的對(duì)話框里面選擇"瀏覽",找到CuteEditor.dll,一路確定就可以.

一、直接把CuteSoft_Client文件夾放到網(wǎng)站根目錄下，這個(gè)文件夾是放了控件圖片之類數(shù)據(jù)。（在2.0下可能要把dialog文件夾里面的getfilethub.aspx刪除）；
二、打開(kāi)：CuteSoft_Client/CuteEditor/Configuration/Security，修改“Default.config”文件；
三、對(duì)Default.config進(jìn)行常用屬性設(shè)置：

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<security name="RestrictUploadedImageDimension">true</security>   //是否限制上傳圖象尺寸
<security name="OverWriteExistingUploadedFile">false</security>   //如果上傳的文件已經(jīng)存在，是否將其覆蓋
<security name="AutoResizeUploadedImages">true</security>   //是否自動(dòng)調(diào)整上傳圖象
<security name="MaxImageWidth">1024</security>   //上傳圖象的最大寬度
<security name="MaxImageHeight">768</security>   //上傳圖象的最小寬度
<security name="MaxImageSize">1000</security>   //上傳圖象文件的最大值
<security name="MaxMediaSize">100</security>   //上傳媒體文件的最大值
<security name="MaxFlashSize">100</security>   //上傳Flash文件的最大值
<security name="MaxDocumentSize">10000</security>   //文檔最大值
<security name="MaxTemplateSize">1000</security>   //模板最大值
<security name="ImageGalleryPath">~/uploads</security>   //圖象文件上傳路徑
<security name="MediaGalleryPath">~/uploads</security>   //媒體文件上傳路徑
<security name="FlashGalleryPath">~/uploads</security>   //Flash文件上傳路徑
<security name="TemplateGalleryPath">~/templates</security>   //模板路徑
<security name="FilesGalleryPath">~/uploads</security>   //文件庫(kù)路徑
<security name="MaxImageFolderSize">102400</security>   //圖象文件夾最大值
<security name="MaxMediaFolderSize">102400</security>   //媒體文件夾最大值
<security name="MaxFlashFolderSize">102400</security>   //Flash文件夾最大值
<security name="MaxDocumentFolderSize">102400</security>   //文檔文件夾最大值
<security name="MaxTemplateFolderSize">102400</security>   //模板文件夾最大值
<security name="ThumbnailWidth">80</security>   //最小寬度
<security name="ThumbnailHeight">80</security>   //最小高度
<security name="ThumbnailColumns">5</security>   //最小列數(shù)
<security name="ThumbnailRows">3</security>   //最小行數(shù)
<security name="AllowUpload">true</security>   //是否允許上傳
<security name="AllowModify">true</security>   //是否允許修改
<security name="AllowRename">true</security>   //是否允許重命名
<security name="AllowDelete">true</security>   //是否允許刪除
<security name="AllowCopy">true</security>   //是否允許復(fù)制
<security name="AllowMove">true</security>    //是否允許移動(dòng)
<security name="AllowCreateFolder">true</security>   //是否允許創(chuàng)建文件夾
<security name="AllowDeleteFolder">true</security>   //是否允許刪除文件夾
<security name="ImageFilters">   //這里過(guò)濾(設(shè)置)圖象文件格式
   <item>.jpg</item>
   <item>.jpeg</item>
   <item>.gif</item>
   <item>.png</item>
</security>
<security name="MediaFilters">   //這里過(guò)濾(設(shè)置)媒體文件格式
   <item>.avi</item>
   <item>.mpg</item>
   <item>.mpeg</item>
   <item>.mp3</item>
</security>
<security name="DocumentFilters">   //這里過(guò)濾(設(shè)置)文檔文件格式
   <item>.txt</item>
   <item>.doc</item>
   <item>.pdf</item>
   <item>.zip</item>
   <item>.rar</item>
   <item>.avi</item>
   <item>.mpg</item>
   <item>.mpeg</item>
   <item>.swf</item>
   <item>.jpg</item>
   <item>.jpeg</item>
   <item>.gif</item>
   <item>.png</item>
   <item>.htm</item>
</security>
</configuration>

五、在根目錄下建立Uploads的文件夾作為上傳圖片及附件的根目錄

六、example.css放在站點(diǎn)根目錄下，它指定了編輯器的樣式。

七、控件的調(diào)用代碼：
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>

<CE:EDITOR id="Editor1" runat="server" Width="550px" EditorWysiwygModeCss="../example.css"></CE:EDITOR>

可修改文件CuteSoft_Client\\CuteEditor\\Configuration\\Shared\\Common.config來(lái)添加字體。

以上內(nèi)容均來(lái)自網(wǎng)上。。。。。。。。。。。。。。

我的小結(jié)：
一、CuteSoft_Client\CuteEditor\Dialogs\InsertEmotion.htm文件可按頁(yè)面的格式添加表情，
二、CuteSoft_Client\CuteEditor\Configuration\Shared\Common.config 可配置以下內(nèi)容：
1、代碼片斷：找到文件中的Codes節(jié)點(diǎn)，添加一個(gè)item節(jié)點(diǎn)，按它的格式，添加value和 html
2、連接：找到文件中LinkTree節(jié)點(diǎn)，不難看出它是連接中那個(gè)樹(shù)形結(jié)構(gòu)的配置，item中可以包含item，可按它的格式寫(xiě)出更多。
  如：
   <item text="deng" value="http://pointdeng.cnblogs.com/">
               <html><![CDATA[hi:pointdeng]]></html>
           </item>
3、Images：找到文件中Images節(jié)點(diǎn)，添加相應(yīng)item節(jié)點(diǎn)，
三、在一個(gè)網(wǎng)站中，肯定會(huì)有很多的人，那么這些人自己上傳的文件怎么管理呢？經(jīng)過(guò)查找之后發(fā)現(xiàn)原來(lái)控件可以設(shè)定相關(guān)文件的路徑的，
  Editor1.AutoConfigure枚舉設(shè)定風(fēng)格
  Editor1.SetSecurityImageGalleryPath(path);圖片文件路徑
  Editor1.SetSecurityMediaGalleryPath(path);多媒體文件路徑
        Editor1.SetSecurityGalleryPath(path);沒(méi)明白這是什么，不過(guò)都設(shè)一樣吧。
        Editor1.SetSecurityFilesGalleryPath(path);可下載文件路徑
           這里的path我是按用戶名建不同的文件夾的，也許還有更好的辦法/
    還有很多的方法，如Editor1.MaxHTMLLength可以限定輸入的長(zhǎng)度等，，，，，

我們?cè)偬砑觽€(gè)edit.asxp,把工具面板里面的Editor拖到頁(yè)面上來(lái).就可以進(jìn)行編輯了
上面的只是個(gè)最簡(jiǎn)單的安裝,還有比如控制CueEditor的顯示,已經(jīng)安全性和那個(gè)什么上傳的啊,還有控制用戶上傳的目錄啊,或者給每個(gè)用戶建個(gè)他們自己的圖片目錄啊,還必須要另外設(shè)置,

用Ajax.Net來(lái)把CuteEditor的內(nèi)容插入數(shù)據(jù)庫(kù)

要實(shí)現(xiàn)這一功能,必須先構(gòu)建環(huán)境,先安裝Ajax.net擴(kuò)展包,我們可以登錄Ajax.net官方網(wǎng)站下載Ajax.net擴(kuò)展包。地址：http://ajax.asp.net/downloads/default.aspx?tabid=47

還要把AjaxPro.2.dll引入到網(wǎng)站中下載地址是：

http://www.schwarz-interactive.de

如何把CueEditor里面的內(nèi)容用Ajax插入數(shù)據(jù)庫(kù)呢?首先關(guān)鍵是獲得CuteEditor的客戶端ID,這個(gè)可以通過(guò)<%=Editor1.ClietID%>來(lái)獲得.再就是如何在客戶端獲得Editor里面的內(nèi)容.這個(gè)可以使用他的內(nèi)在的JavaScript API,getHTML(),注意是HTML.下面是一個(gè)把CuteEditor的內(nèi)容插入數(shù)據(jù)庫(kù)的一個(gè)html按鈕代碼:
<input id="btnOk" type="button" value="確定" onclick="insertEditor();" />
接著是一個(gè)js腳本:我們假設(shè)Editor的ID是Editor1
<script language="javascript" type="text/javascript">
     
    </script>
我們?cè)倏捶?wù)器段的Ajax方法:
[AjaxPro.AjaxMethod]
        public string InsertEditor(string insertStr)
        {
            string connStr = System.Configuration.ConfigurationManager.AppSettings["ConnString"].ToString();
            SqlConnection conn = new SqlConnection(connStr);
            string cmdStr = "insert into userContent(this_content,this_name) values(@content,@name)";
            SqlCommand comm = new SqlCommand(cmdStr,conn);
//2005里面給參數(shù)賦值簡(jiǎn)單多拉!!
            comm.Parameters.AddWithValue("@content", insertStr);
            comm.Parameters.AddWithValue("@name","pwqzc");
            conn.Open();
            try
            {
                comm.ExecuteNonQuery();
                return "OK";
            }
            catch
            {
                return "BAD";
            }
            finally
            {
                conn.Close();
            }
運(yùn)行,我們寫(xiě)點(diǎn) 內(nèi)容到CuteEditor里面,點(diǎn)按鈕,他一下就把數(shù)據(jù)插入進(jìn)去拉!!! 本文章由南寧網(wǎng)站建設(shè)、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)絡(luò)公司整理，轉(zhuǎn)載請(qǐng)注明出處：http://www.starit.com.cn/

南寧煙寒網(wǎng)絡(luò)竭誠(chéng)為您免費(fèi)提供南寧網(wǎng)站建設(shè)、南寧網(wǎng)站設(shè)計(jì)、南寧網(wǎng)站優(yōu)化、維護(hù)以及網(wǎng)站技術(shù)很方面的網(wǎng)絡(luò)服務(wù)！

南寧網(wǎng)站建設(shè)、南寧網(wǎng)絡(luò)公司咨詢熱線電話：0771-5306126 18967841786(24小時(shí)全天電話)

煙寒網(wǎng)絡(luò) - 讓你進(jìn)一步走向成功