国产高清一区二区在线_免费看肥胖女人做爰高清全过情_日韩少妇高潮抽搐_性生生活大片又黄又_粉嫩蜜臀av国产精品网站_搞黄视频免费_亚洲成a人一区二区三区_屁股翘起来趴好挨c_少妇一夜爽免费看_日本护士高潮大叫

在線客服:  

「南寧煙寒網(wǎng)絡(luò)」提供南寧網(wǎng)站建設(shè)、網(wǎng)站策劃、南寧網(wǎng)頁制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站改版、南寧SEO優(yōu)化、網(wǎng)站維護(hù)、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)站推廣、廣告設(shè)計(jì)等服務(wù)..

咨詢熱線

在線客服

24小時免費(fèi)咨詢電話:18978941786

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

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

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

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

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

 

在VS2005中引入CuteEditor組件

CuteEditor真的是一款很好的web在線編輯器,我們在vs2005里面新建個網(wǎng)站.引用CuteEditor文件夾下的BIN目錄中的所有.dll文件,接著把CuteEditor.dll添加到工具面板.我們在工具面板里面右鍵選擇"選擇項(xiàng)",在出來的對話框里面選擇"瀏覽",找到CuteEditor.dll,一路確定就可以.
一、直接把CuteSoft_Client文件夾放到網(wǎng)站根目錄下,這個文件夾是放了控件圖片之類數(shù)據(jù)。(在2.0下可能要把dialog文件夾里面的getfilethub.aspx刪除);
二、打開:CuteSoft_Client/CuteEditor/Configuration/Security,修改“Default.config”文件;
三、對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>   //是否自動調(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>   //文件庫路徑
<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> <!-- this is rename too -->   //是否允許移動
<security name="AllowCreateFolder">true</security>   //是否允許創(chuàng)建文件夾
<security name="AllowDeleteFolder">true</security>   //是否允許刪除文件夾
<security name="ImageFilters">   //這里過濾(設(shè)置)圖象文件格式
   <item>.jpg</item>
   <item>.jpeg</item>
   <item>.gif</item>
   <item>.png</item>
</security>
<security name="MediaFilters">   //這里過濾(設(shè)置)媒體文件格式
   <item>.avi</item>
   <item>.mpg</item>
   <item>.mpeg</item>
   <item>.mp3</item>
</security>
<security name="DocumentFilters">   //這里過濾(設(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來添加字體。

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

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

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

 
用Ajax.Net來把CuteEditor的內(nèi)容插入數(shù)據(jù)庫
要實(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ù)庫呢?首先關(guān)鍵是獲得CuteEditor的客戶端ID,這個可以通過<%=Editor1.ClietID%>來獲得.再就是如何在客戶端獲得Editor里面的內(nèi)容.這個可以使用他的內(nèi)在的JavaScript API,getHTML(),注意是HTML.下面是一個把CuteEditor的內(nèi)容插入數(shù)據(jù)庫的一個html按鈕代碼:
<input id="btnOk" type="button" value="確定" onclick="insertEditor();" />
接著是一個js腳本:我們假設(shè)Editor的ID是Editor1
<script language="javascript" type="text/javascript">
     <!--
        function insertEditor()
        {
           var editor = document.getElementById('<%=Editor1.ClientID %>');
           var editorText = editor.getHTML();
           WDDHY.EditMyPage.InsertEditor(editorText,onComplete);
        }
        function onComplete(ret)
        {
           if(ret.value=="OK")
           {
              alert("保存成功!");
           }
           else
           {
              alert("失敗!");
           }
        }
     //-->
    </script>
我們再看服務(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ù)賦值簡單多拉!!
            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)行,我們寫點(diǎn) 內(nèi)容到CuteEditor里面,點(diǎn)按鈕,他一下就把數(shù)據(jù)插入進(jìn)去拉!!! 本文章由南寧網(wǎng)站建設(shè)、南寧網(wǎng)站優(yōu)化南寧網(wǎng)絡(luò)公司整理,轉(zhuǎn)載請注明出處:http://m.absorbed3d.com/

南寧煙寒網(wǎng)絡(luò)竭誠為您免費(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小時全天電話)

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