這是一款開(kāi)源軟件上傳的文件管理器源碼，可以作為網(wǎng)盤(pán)使用，用戶操作起來(lái)像在自己電腦上一樣，支持無(wú)限的目錄結(jié)構(gòu)，并且不限制任何文件格式。
使用方法
1、在頁(yè)面<head>中引入ckeditor核心文件ckeditor.js
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
2、在使用編輯器的地方插入HTML控件<textarea>
<textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea>
如果是ASP.NET環(huán)境，也可用服務(wù)器端控件<TextBox>
<asp:TextBox ID="tbContent" runat="server" TextMode="MultiLine" class="ckeditor"></asp:TextBox>
注意在控件中加上 class="ckeditor" 。
3、將相應(yīng)的控件替換成編輯器代碼
<script type="text/javascript">
CKEDITOR.replace('TextArea1');
//如果是在ASP.NET環(huán)境下用的服務(wù)器端控 件<TextBox>
CKEDITOR.replace('tbContent');
//如 果<TextBox>控件在母版頁(yè)中，要這樣寫(xiě)
CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$") %>');
</script>
4、配置編輯器
ckeditor的配置都集中在 ckeditor/config.js 文件中，下面是一些常用的配置參數(shù)：
// 界面語(yǔ)言，默認(rèn)為 'en'
config.language = 'zh-cn';
// 設(shè)置寬高
config.width = 400;
config.height = 400;
// 編輯器樣式，有三種：'kama'（默認(rèn)）、'office2003'、'v2'
config.skin = 'v2';
// 背景顏色
config.uiColor = '#FFF';
// 工具欄（基礎(chǔ)'Basic'、全能'Full'、自定義）plugins/toolbar/plugin.js
config.toolbar = 'Basic';
config.toolbar = 'Full';
這將配合：
config.toolbar_Full = [
['Source','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor']
];
//工具欄是否可以被收縮
config.toolbarCanCollapse = true;
//工具欄的位置
config.toolbarLocation = 'top';//可選：bottom
//工具欄默認(rèn)是否展開(kāi)
config.toolbarStartupExpanded = true;
// 取消 “拖拽以改變尺寸”功能 plugins/resize/plugin.js
config.resize_enabled = false;
//改變大小的最大高度
config.resize_maxHeight = 3000;
//改變大小的最大寬度
config.resize_maxWidth = 3000;
//改變大小的最小高度
config.resize_minHeight = 250;
//改變大小的最小寬度
config.resize_minWidth = 750;
// 當(dāng)提交包含有此編輯器的表單時(shí)，是否自動(dòng)更新元素內(nèi)的數(shù)據(jù)
config.autoUpdateElement = true;
// 設(shè)置是使用絕對(duì)目錄還是相對(duì)目錄，為空為相對(duì)目錄
config.baseHref = ''
// 編輯器的z-index值
config.baseFloatZIndex = 10000;
//設(shè)置快捷鍵
config.keystrokes = [
[ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ], //獲取焦點(diǎn)
[ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ], //元素焦點(diǎn)
[ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ], //文本菜單
[ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ], //撤銷(xiāo)
[ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ], //重做
[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ], //
[ CKEDITOR.CTRL + 76 /*L*/, 'link' ], //鏈接
[ CKEDITOR.CTRL + 66 /*B*/, 'bold' ], //粗體
[ CKEDITOR.CTRL + 73 /*I*/, 'italic' ], //斜體
[ CKEDITOR.CTRL + 85 /*U*/, 'underline' ], //下劃線
[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]
]
//設(shè)置快捷鍵 可能與瀏覽器快捷鍵沖突 plugins/keystrokes/plugin.js.
config.blockedKeystrokes = [
CKEDITOR.CTRL + 66 /*B*/,
CKEDITOR.CTRL + 73 /*I*/,
CKEDITOR.CTRL + 85 /*U*/
]
//設(shè)置編輯內(nèi)元素的背景色的取值 plugins/colorbutton/plugin.js.
config.colorButton_backStyle = {
element : 'span',
styles : { 'background-color' : '#(color)' }
}
//設(shè)置前景色的取值 plugins/colorbutton/plugin.js
config.colorButton_colors = '000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520,
006400,40E0D0,0000CD,800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,
A9A9A9,FFA07A,FFA500,FFFF00,00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5,
FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF’
//是否在選擇顏色時(shí)顯示“其它顏色”選項(xiàng) plugins/colorbutton/plugin.js
config.colorButton_enableMore = false
//區(qū)塊的前景色默認(rèn)值設(shè)置 plugins/colorbutton/plugin.js
config.colorButton_foreStyle = {
element : 'span',
styles : { 'color' : '#(color)' }
};
//所需要添加的CSS文件 在此添加 可使用相對(duì)路徑和網(wǎng)站的絕對(duì)路徑
config.contentsCss = './contents.css';
//文字方向
config.contentsLangDirection = 'rtl'; //從左到右
//CKeditor的配置文件 若不想配置 留空即可
CKEDITOR.replace( 'myfiled', { customConfig : './config.js' } );
//界面編輯框的背景色 plugins/dialog/plugin.js
config.dialog_backgroundCoverColor = '#fffefd'; //可設(shè)置參考
config.dialog_backgroundCoverColor = 'white' //默認(rèn)
//背景的不透明度 數(shù)值應(yīng)該在：0.0～1.0 之間 plugins/dialog/plugin.js
config.dialog_backgroundCoverOpacity = 0.5
//移動(dòng)或者改變?cè)貢r(shí) 邊框的吸附距離 單位：像素 plugins/dialog/plugin.js
config.dialog_magnetDistance = 20;
//是否拒絕本地拼寫(xiě)檢查和提示 默認(rèn)為拒絕 目前僅firefox和safari支持 plugins/wysiwygarea/plugin.js.
config.disableNativeSpellChecker = true
//進(jìn)行表格編輯功能 如：添加行或列 目前僅firefox支持 plugins/wysiwygarea/plugin.js
config.disableNativeTableHandles = true; //默認(rèn)為不開(kāi)啟
//是否開(kāi)啟 圖片和表格 的改變大小的功能 config.disableObjectResizing = true;
config.disableObjectResizing = false //默認(rèn)為開(kāi)啟
//設(shè)置HTML文檔類型
config.docType = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22' ;
//是否對(duì)編輯區(qū)域進(jìn)行渲染 plugins/editingblock/plugin.js
config.editingBlock = true;
//編輯器中回車(chē)產(chǎn)生的標(biāo)簽
config.enterMode = CKEDITOR.ENTER_P; //可選：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV
//是否使用HTML實(shí)體進(jìn)行輸出 plugins/entities/plugin.js
config.entities = true;
//定義更多的實(shí)體 plugins/entities/plugin.js
config.entities_additional = '#39'; //其中#代替了&
//是否轉(zhuǎn)換一些難以顯示的字符為相應(yīng)的HTML字符 plugins/entities/plugin.js
//默認(rèn)的字體名 plugins/font/plugin.js
config.font_defaultLabel = 'Arial';
//字體編輯時(shí)的字符集 可以添加常用的中文字符：宋體、楷體、黑體等 plugins/font/plugin.js
config.font_names = 'Arial;Times New Roman;Verdana';
//文字的默認(rèn)式樣 plugins/font/plugin.js
config.font_style = {
element : 'span',
styles : { 'font-family' : '#(family)' },
overrides : [ { element : 'font', attributes : { 'face' : null } } ]
};
//字體默認(rèn)大小 plugins/font/plugin.js
config.fontSize_defaultLabel = '12px';
//字體編輯時(shí)可選的字體大小 plugins/font/plugin.js
config.fontSize_sizes ='8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px'
//設(shè)置字體大小時(shí) 使用的式樣 plugins/font/plugin.js
config.fontSize_style = {
element : 'span',
styles : { 'font-size' : '#(size)' },
overrides : [ { element : 'font', attributes : { 'size' : null } } ]
};
//是否強(qiáng)制復(fù)制來(lái)的內(nèi)容去除格式 plugins/pastetext/plugin.js
config.forcePasteAsPlainText =false //不去除
//是否強(qiáng)制用“&”來(lái)代替“&”plugins/htmldataprocessor/plugin.js
config.format_p = { element : 'p', attributes : { class : 'normalPara' } };
//對(duì)PRE標(biāo)簽自動(dòng)進(jìn)行格式化 plugins/format/plugin.js
config.format_pre = { element : 'pre', attributes : { class : 'code' } };
//用分號(hào)分隔的標(biāo)簽名字 在工具欄上顯示 plugins/format/plugin.js
config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div';
//是否使用完整的html編輯模式 如使用，其源碼將包含：<html><body></body></html>等標(biāo)簽
config.fullPage = false;
//是否忽略段落中的空字符 若不忽略 則字符將以“”表示 plugins/wysiwygarea/plugin.js
config.ignoreEmptyParagraph = true;
//在清除圖片屬性框中的鏈接屬性時(shí) 是否同時(shí)清除兩邊的<a>標(biāo)簽 plugins/image/plugin.js
config.image_removeLinkByEmptyURL = true;
//一組用逗號(hào)分隔的標(biāo)簽名稱，顯示在左下角的層次嵌套中 plugins/menu/plugin.js.
config.menu_groups ='clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor,link,image,flash,checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea';
//顯示子菜單時(shí)的延遲，單位：ms plugins/menu/plugin.js
config.menu_subMenuDelay = 400;
//當(dāng)執(zhí)行“新建”命令時(shí)，編輯器中的內(nèi)容 plugins/newpage/plugin.js
config.newpage_html = '';
//當(dāng)從word里復(fù)制文字進(jìn)來(lái)時(shí)，是否進(jìn)行文字的格式化去除 plugins/pastefromword/plugin.js
config.pasteFromWordIgnoreFontFace = true; //默認(rèn)為忽略格式
//是否使用<h1><h2>等標(biāo)簽修飾或者代替從word文檔中粘貼過(guò)來(lái)的內(nèi)容 plugins/pastefromword/plugin.js
config.pasteFromWordKeepsStructure = false;
//從word中粘貼內(nèi)容時(shí)是否移除格式 plugins/pastefromword/plugin.js
一些使用技巧
1、在頁(yè)面中即時(shí)設(shè)置編輯器
<script type="text/javascript">
// 示例1：設(shè)置工具欄為基本工具欄，高度為70
CKEDITOR.replace('<%=tbLink.ClientID.Replace("_","$") %>',
{ toolbar:'Basic', height:70 });
//示例2：工具欄為自定義類型
CKEDITOR.replace( 'editor1',
{
toolbar :
[
//加粗 斜體， 下劃線 穿過(guò)線 下標(biāo)字 上標(biāo)字
// 樣式 格式 字體 字體大小
['Styles','Format','Font','FontSize'],
//文本顏色 背景顏色
['TextColor','BGColor'],
//全屏 顯示區(qū)塊
['Maximize', 'ShowBlocks','-']
]
}
);
</script>
精簡(jiǎn)ckeditor
在部署到Web服務(wù)器上時(shí)，下列文件夾和文件都可以刪除：
/_samples ：示例文件夾；
/_source ：未壓縮源程序；
/lang文件夾下除 zh-cn.js、en.js 以外的文件（也可以根據(jù)需要保留其他語(yǔ)言文件）；
根目錄下的 changes.html(更新列表)，install.html(安裝指向)，license.html(使用許可)；
/skins 目錄下不需要的皮膚，一般用V2(簡(jiǎn)單，樸素) ，如果只保留V2則必須在config.js中指定皮膚。
版本問(wèn)題
在CKEditor的官方網(wǎng)站上下載，最要下載全部功能，最后得到的壓縮包是ckeditor_4.1.1_full.zip，如果選擇simple或者standed，可能會(huì)有些功能不能用，比如字體顏色，背景顏色，這下功能在standed版本里面就不支持。所以你會(huì)很奇怪明明設(shè)置了['TextColor','BGColor']，但是文本顏色和背景顏色選項(xiàng)就是不顯示。
去掉默認(rèn)的段落標(biāo)記
去除CKEditor自動(dòng)添加的<p></p>標(biāo)簽的方法,其實(shí)很簡(jiǎn)單,有兩種辦法：
1.在ckeditor目錄下的config.js添加以下配置參數(shù)即可:
config.enterMode = CKEDITOR.ENTER_BR： 屏蔽換行符<br>
config.shiftEnterMode = CKEDITOR.ENTER_P:屏蔽段落<p>
2.直接更改編輯器默認(rèn)模式為源代碼模式，在ckeditor目錄下的config.js添加以下配置：
config.startupMode = 'source';
和kcfinder搭配使用
默認(rèn)情況下CKEditor是沒(méi)有上傳圖片功能的，可以在編輯器中粘貼圖片，這樣的話保存在數(shù)據(jù)庫(kù)中的是圖片的源文件，這很容易出現(xiàn)問(wèn)題，即使字段是text格式的也很容易就超出最大范圍了，所以要配合kcfinder來(lái)上傳文件。一個(gè)是ck一個(gè)是kc真實(shí)一對(duì)好兄弟。
要注意如果kcfinder的路徑放在CKEditor的同一級(jí)目錄下不能這樣
config.filebrowserBrowseUrl = '/kcfinder/browse.php?type=files';
要注意為安全考慮默認(rèn)情況下是不允許上傳圖片的，在自己的源代碼中要設(shè)置可以上傳，代碼如下
session_start();
if(!empty($_SESSION['USERNAME'])&&!empty($_SESSION['PASSWORD'])){
$_SESSION['KCFINDER']['disabled'] = false;
}else{
echo "<script>top.location.href="http://xxx.com/login.php">
}
這個(gè)就是判斷是否是登陸用戶，不是登陸用戶的話不可以使用，并且跳轉(zhuǎn)到登陸界面去登陸，網(wǎng)上有人說(shuō)把這個(gè)放在kcfinder\config.php這個(gè)kcfinder的配置文件中我發(fā)現(xiàn)這個(gè)是行不通的。這樣設(shè)置之后在選擇上傳圖片的時(shí)候會(huì)有錯(cuò)誤
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版
uAPP Creator(安卓軟件制作工具)1.0.1 官方版
Java SE Development Kit 8 (JDK)v8.0.341 官方版
x64dbg(程序逆向反匯編修改神器)2022.07.27 簡(jiǎn)體中文版
微信開(kāi)發(fā)者工具小游戲版1.05.2204264 官方版
JetBrains DataGrip 2022 中文破解版221.5591.46 免費(fèi)版
JetBrains CLion 2022 破解版221.5080.224 中文免費(fèi)版
IntelliJ IDEA 2022.1 中文免費(fèi)版221.5080.210 破解版
JetBrains PhpStorm 2022.1中文破解版221.5080.224 免費(fèi)版
JetBrains Rider 2022.1.1 破解版221.5591.20 免費(fèi)版
JetBrains RubyMine 2022.1 破解版221.5080.196 中文免費(fèi)版
WebStorm2022破解版(WebStorm 2022.1)221.5080.193 免費(fèi)版
goland2022破解版(GoLand 2022.1中文版)221.5080.224 免費(fèi)版
pycharm2022破解版221.5080.212 中文免費(fèi)版
python3.10.4官方版最新版
matlab r2022a中文破解版9.12.0 免費(fèi)版
MATLAB R2019b破解版9.7.0.1190202 免費(fèi)版
matlab r2020b 破解版免費(fèi)版
scala語(yǔ)言開(kāi)發(fā)工具2.13.2 官方版
julia開(kāi)發(fā)環(huán)境1.7.0 免費(fèi)版
rust開(kāi)發(fā)環(huán)境1.56.1 官方版
aardio桌面軟件開(kāi)發(fā)工具35.7.5 綠色最新版
慧編程電腦版5.4.0 最新版
編程貓定制課3.3.0 官方版
精易編程助手3.98 綠色免費(fèi)版
python3.8.5穩(wěn)定版免費(fèi)下載
ulang(木蘭編程語(yǔ)言)0.2.2官方免費(fèi)版
小碼精靈編程電腦客戶端1.12.0官方最新版
易語(yǔ)言5.9.0 免費(fèi)版
KRobot編程工具0.8.5 官方64位版
JetBrains PhpStorm 2018免費(fèi)版2018.3.6 x6
sublime text 33.3126 中文版64位下載
JetBrains CLion2021中文版2021.1.2 x64免費(fèi)
JetBrains Rider 2021免費(fèi)版2021.1.3 x64中
JetBrains WebStorm 2021免費(fèi)版2021.1.1中文
兒童編程軟件(Scratch)3.9 中文免費(fèi)版
JetBrains GoLand 2018官方版2018.3.6 x64 
APK改之理(APK ide)3.3 最新去廣告版
eclipse helios版本(Eclipse IDE for Java 
MyEclipse5.5.1破解版免費(fèi)版【附注冊(cè)機(jī)】