二、打開:CuteSoft_Client/CuteEditor/Configuration/Security,修改“Default.config”文件;
三、對Default.config進行常用屬性設置:
<?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> //是否允許復制
<security name="AllowMove">true</security> <!-- this is rename too --> //是否允許移動
<security name="AllowCreateFolder">true</security> //是否允許創(chuàng)建文件夾
<security name="AllowDeleteFolder">true</security> //是否允許刪除文件夾
<security name="ImageFilters"> //這里過濾(設置)圖象文件格式
<item>.jpg</item>
<item>.jpeg</item>
<item>.gif</item>
<item>.png</item>
</security>
<security name="MediaFilters"> //這里過濾(設置)媒體文件格式
<item>.avi</item>
<item>.mpg</item>
<item>.mpeg</item>
<item>.mp3</item>
</security>
<security name="DocumentFilters"> //這里過濾(設置)文檔文件格式
<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à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é)點,添加一個item節(jié)點,按它的格式,添加value和 html
2、連接:找到文件中LinkTree節(jié)點,不難看出它是連接中那個樹形結(jié)構(gòu)的配置,item中可以包含item,可按它的格式寫出更多。
如:
<item text="deng" value="http://pointdeng.cnblogs.com/">
<html><![CDATA[hi:pointdeng]]></html>
</item>
3、Images:找到文件中Images節(jié)點,添加相應item節(jié)點,
三、在一個網(wǎng)站中,肯定會有很多的人,那么這些人自己上傳的文件怎么管理呢?經(jīng)過查找之后發(fā)現(xiàn)原來控件可以設定相關文件的路徑的,
Editor1.AutoConfigure枚舉設定風格
Editor1.SetSecurityImageGalleryPath(path);圖片文件路徑
Editor1.SetSecurityMediaGalleryPath(path);多媒體文件路徑
Editor1.SetSecurityGalleryPath(path);沒明白這是什么,不過都設一樣吧。
Editor1.SetSecurityFilesGalleryPath(path);可下載文件路徑
這里的path我是按用戶名建不同的文件夾的,也許還有更好的辦法/
還有很多的方法,如Editor1.MaxHTMLLength可以限定輸入的長度等,,,,,
我們再添加個edit.asxp,把工具面板里面的Editor拖到頁面上來.就可以進行編輯了
上面的只是個最簡單的安裝,還有比如控制CueEditor的顯示,已經(jīng)安全性和那個什么上傳的啊,還有控制用戶上傳的目錄啊,或者給每個用戶建個他們自己的圖片目錄啊,還必須要另外設置,
如何把CueEditor里面的內(nèi)容用Ajax插入數(shù)據(jù)庫呢?首先關鍵是獲得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腳本:我們假設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>
我們再看服務器段的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();
}
運行,我們寫點 內(nèi)容到CuteEditor里面,點按鈕,他一下就把數(shù)據(jù)插入進去拉!!! 本文章由南寧網(wǎng)站建設、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)絡公司整理,轉(zhuǎn)載請注明出處:http://www.lidajijin.com/
關于我們 | 域名主機 | 建站套餐 | 企業(yè)動態(tài) | 成功案例 | 網(wǎng)站推廣 | 建站知識 | 常見問題 | 聯(lián)系我們
南寧煙寒網(wǎng)絡竭誠為您免費提供南寧網(wǎng)站建設、南寧網(wǎng)站設計、南寧網(wǎng)站優(yōu)化、維護以及網(wǎng)站技術很方面的網(wǎng)絡服務!
南寧網(wǎng)站建設、南寧網(wǎng)絡公司咨詢熱線電話:0771-5306126 18967841786(24小時全天電話)
煙寒網(wǎng)絡 - 讓你進一步走向成功