您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“.NET6中怎么使用CuteEditor”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“.NET6中怎么使用CuteEditor”吧!
CuteEditor.dll,
CuteEditor.ImageEditor.dll(6.0增加的EditorImage功能),
CuteEditor.lic(解密文件),
NetSpell.SpellChecker.dll(拼寫檢查功能)
注:(“.dic”為擴(kuò)展名的文件是詞典保存為純文本文件的格式。將CuteEditor6.0/bin文件夾里的都拷到站點(diǎn)根目錄下的bin內(nèi)也可以)
CuteSoft_Client包含CuteEditor文件夾和example.css,放了控件圖片,文件之類的數(shù)據(jù)example.css它指定了編輯器的樣式。(在2.0下可能要把dialog文件夾里面的getfilethub.aspx刪除)
注:FilesPath用來設(shè)置所對應(yīng)的目錄,如:FilesPath="~/admin/CuteSoft_Client/CuteEditor/"
先在工具箱空白處右擊選擇“添加選擇項(xiàng)”,給選項(xiàng)卡添加一外名稱為:CuteEditor。再在該選項(xiàng)卡中右擊,選擇“選擇項(xiàng) ”,在彈出的對話框的“.NET Frameword組件”標(biāo)簽中選擇要添加的DLL文件即可。
1)AutoConfigure設(shè)為simple,即選擇最簡單的界面顯示方式
2)EditorWysiwygModecss設(shè)為:CuteSoft_Client/example.cs,需要把example.css文件放到該目錄下。
3)FilesPath設(shè)為:CuteSoft_Client/CuteEditor,設(shè)置CuteEditor目錄的路徑
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
如果是按照第4步從工具箱中拖放到頁面的話,則此代碼會自動生成,不需要要手動添加。
<CE:EDITOR id="Editor1" runat="server" Width="700px" FilesPath="~/CuteSoft_Client/CuteEditor/" EditorWysiwygModeCss="../example.css" ThemeType="Office2003_BlueTheme"></CE:EDITOR>
EditorWysiwygModeCss :設(shè)置樣式
ThemeType :設(shè)置風(fēng)格
AutoConfigure :選擇功能是簡單還是復(fù)雜的
Text :設(shè)置加載時候默認(rèn)內(nèi)容
MaxHTMLLength :設(shè)置最大長度
BreakElement :默認(rèn)“回車”產(chǎn)生什么HTML
URLType :沒發(fā)現(xiàn)有什么區(qū)別
ResizeMode :自動長度(長度設(shè)置的幾中形式)
ReadOnly :是否為只讀
CustomCulture :設(shè)置語言類型 china 為zh-cn
EditCompleteDocument :設(shè)置是否完整的HTML頁面代碼(也就是說是不是包括html頭)
AllowPasteHtml :是否允許粘帖HTML代碼
EnableContextMenu :在文本里是否顯示右鍵菜單
1)控制工具攔顯示:在CuteSoft_Client/CuteEditor/Configuration/AutoConfigure 里設(shè)置
2)控制右鍵顯示:CuteSoft_Client/CuteEditor/Configuration/ContextMenuMode里設(shè)置
3)設(shè)置權(quán)限:CuteSoft_Client/CuteEditor/Configuration/Security里設(shè)置
例如要設(shè)置各種組件的大小等屬性限制,如控制上傳文件的大小等,可在CuteSoft_Client/CuteEditor/Configuration/Security修改“Security”文件夾中的“Default.config”文件即可
<?xml version="1.0" encoding="utf-8" ?> <configuration> <security name="RestrictUploadedImageDimension">true</security> //是否限制上傳圖象尺寸 <security name="OverWriteExistingUploadedFile">false</security> //如果上傳的文件已經(jīng)存在,是否將其覆蓋 <security name="UseTimeStampRenameUploadedFiles">true</security> //重命名為時間 <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>
4)設(shè)置工具攔按鈕具體功能:CuteSoft_Client/CuteEditor/Configuration/Shared 里設(shè)置
5)設(shè)置工具攔按鈕具體功能:CuteSoft_Client/CuteEditor/Configuration/Shared 里設(shè)置
6)設(shè)置語言:CuteSoft_Client/CuteEditor/Configuration/Languages里設(shè)置
7)添加字體:CuteSoft_Client/CuteEditor/Configuration/Shared/Common.config里設(shè)置
感覺 CuteEditor 每處都可以 改變,因?yàn)樗w思路都是用摸板,具體體現(xiàn)形式寫在配置文件里面。用戶修改配置文件或是它提供的屬性就可以實(shí)現(xiàn)自己的功能!
Editor1.Text = "Default Text"; //服務(wù)器端方法
var editor = document.getElementById('<%=Editor1.ClientID %>'); //JavaScript方法 var editorText = editor.getHTML();
修改上傳文件的總大小(以Flash為例):Editor1.SetSecurityMaxFlashFolderSize(1000);
修改單個上傳文件的大小(以Flash為例):Editor1.SetSecurityMaxFlashSize(kb); //默認(rèn)KB為單位
由于上傳的文件統(tǒng)一被放置到uploads文件夾中,可以通過程序控制為每個用戶建立一個上傳的文件 夾。代碼如下:
using System.IO; string username = Session["username"].ToString() ; fullPath = Server.MapPath("uploads\\") + username; if (!Directory.Exists(fullPath)) { Directory.CreateDirectory(fullPath); } Editor1.SetSecurityGalleryPath("~/uploads/" + username);
可以修改文件CuteSoft_Client\CuteEditor\Configuration\Shared\Common.config來添加字體。
主要注意的地方是該文件是用XML編碼
<item text="FangSong_GB2312" html="<font size=3 face='FangSong_GB2312'>仿宋</font>">FangSong_GB2312</item> <item text="KaiTi_GB2312" html="<font size=3 face='KaiTi_GB2312'>楷體_GB2312</font>">KaiTi_GB2312</item>
要在CuteEditor中顯示中文字體,需要將中文字體名稱進(jìn)行“國際化”,即將漢字字體名稱改為英文名稱,
如將“宋體”改為“Simsun",“黑體”改為"Simhei"等,下面是部分字體對照列表:
English Name Localized Name
SimSun 宋體
SimHei 黑體
FangSong_GB2312 仿宋_GB2312
KaiTi_GB2312 楷體_GB2312
YouYuan 幼圓
STSong 華文宋體
STZhongsong 華文中宋
STKaiti 華文楷體
STFangsong 華文仿宋
STXihei 華文細(xì)黑
STLiti 華文隸書
STXingkai 華文行楷
STXinwei 華文新魏
STHupo 華文琥珀
STCaiyun 華文彩云
FZYaoTi 方正姚體簡體
FZShuTi 方正舒體簡體
NSimSun 新宋體
LiSu 隸書
到此,相信大家對“.NET6中怎么使用CuteEditor”有了更深的了解,不妨來實(shí)際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。