默认情况下CKEditor是没有上传图片功能的,可以在编辑器中粘贴图片,这样的话保存在数据库中的是图片的源文件,这很容易出现问题,即使字段是text格式的也很容易就超出最大范围了,所以要配合kcfinder来上传文件。一个是ck一个是kc真实一对好兄弟。
要注意如果kcfinder的路径放在CKEditor的同一级目录下不能这样
config.filebrowserBrowseUrl='/kcfinder/browse.php?type=files';
要注意为安全考虑默认情况下是不允许上传图片的,在自己的源代码中要设置可以上传,代码如下
session_start();
if(!empty($_SESSION['USERNAME'])&&!empty($_SESSION['PASSWORD'])){
$_SESSION['KCFINDER']['disabled']=false;
}else{
echo"<script>top.location.href="http://xxx.com/login.php">
}
这个就是判断是否是登陆用户,不是登陆用户的话不可以使用,并且跳转到登陆界面去登陆,网上有人说把这个放在kcfinderconfig.php这个kcfinder的配置文件中我发现这个是行不通的。这样设置之后在选择上传图片的时候会有错误
这是一款开源软件上传的文件管理器源码,可以作为网盘使用,用户操作起来像在自己电脑上一样,支持无限的目录结构,并且不限制任何文件格式。
去除CKEditor自动添加的<p></p>标签的方法,其实很简单,有两种办法:
1.在ckeditor目录下的config.js添加以下配置参数即可:
config.enterMode=CKEDITOR.ENTER_BR:屏蔽换行符<br>
config.shiftEnterMode=CKEDITOR.ENTER_P:屏蔽段落<p>
2.直接更改编辑器默认模式为源代码模式,在ckeditor目录下的config.js添加以下配置:
config.startupMode='source';
1、在页面中即时设置编辑器
<scripttype="text/javascript">
//示例1:设置工具栏为基本工具栏,高度为70
CKEDITOR.replace('<%=tbLink.ClientID.Replace("_","$")%>',
{toolbar:'Basic',height:70});
//示例2:工具栏为自定义类型
CKEDITOR.replace('editor1',
{
toolbar:
[
//加粗斜体,下划线穿过线下标字上标字
//样式格式字体字体大小
['Styles','Format','Font','FontSize'],
//文本颜色背景颜色
['TextColor','BGColor'],
//全屏显示区块
['Maximize','ShowBlocks','-']
]
}
);
</script>
在CKEditor的官方网站上下载,最要下载全部功能,最后得到的压缩包是ckeditor_4.1.1_full.zip,如果选择simple或者standed,可能会有些功能不能用,比如字体颜色,背景颜色,这下功能在standed版本里面就不支持。所以你会很奇怪明明设置了['TextColor','BGColor'],但是文本颜色和背景颜色选项就是不显示。
在部署到Web服务器上时,下列文件夹和文件都可以删除:开云
/_samples:示例文件夹;
/_source:未压缩源程序;
/lang文件夹下除zh-cn.js、en.js以外的文件(也可以根据需要保留其他语言文件);
根目录下的changes.html(更新列表),install.html(安装指向),license.html(使用许可);
/skins目录下不需要的皮肤,一般用V2(简单,朴素),如果只保留V2则必须在config.js中指定皮肤。
1、在页面<head>中引入ckeditor核心文件ckeditor.js
<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>
2、在使用编辑器的地方插入HTML控件<textarea>
<textareaid="TextArea1"cols="20"rows="2"class="ckeditor"></textarea>
如果是ASP.NET环境,也可用服务器端控件<TextBox>
<asp:TextBoxID="tbContent"runat="server"TextMode="MultiLine"class="ckeditor"></asp:TextBox>
注意在控件中加上class="ckeditor"。
3、将相应的控件替换成编辑器代码
<scripttype="text/javascript">
CKEDITOR.replace('TextArea1');
//如果是在ASP.NET环境下用的服务器端控件<TextBox>
CKEDITOR.replace('tbContent');
//如果<TextBox>控件在母版页中,要这样写
CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$")%>');
</script>
4、配置编辑器
ckeditor的配置都集中在ckeditor/config.js文件中,下面是一些常用的配置参数:
//界面语言,默认为'en'
config.language='zh-cn';
//设置宽高
config.width=400;
config.height=400;
//编辑器样式,有三种:'kama'(默认)、'office2003'、'v2'
config.skin='v2';
//背景颜色
config.uiColor='#FFF';
//工具栏(基础'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
//工具栏默认是否展开
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;
//当提交包含有此编辑器的表单时,是否自动更新元素内的数据
config.autoUpdateElement=true;
//设置是使用绝对目录还是相对目录,为空为相对目录
config.baseHref=''
//编辑器的z-index值
config.baseFloatZIndex=10000;
//设置快捷键
config.keystrokes=[
[CKEDITOR.ALT+121/*F10*/,'toolbarFocus'],//获取焦点
[CKEDITOR.ALT+122/*F11*/,'elementsPathFocus'],//元素焦点
[CKEDITOR.SHIFT+121/*F10*/,'contextMenu'],//文本菜单
[CKEDITOR.CTRL+90/*Z*/,'undo'],//撤销
[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']
]
//设置快捷键可能与浏览器快捷键冲突plugins/keystrokes/plugin.js.
config.blockedKeystrokes=[
CKEDITOR.CTRL+66/*B*/,
CKEDITOR.CTRL+73/*I*/,
CKEDITOR.CTRL+85/*U*/
]
//设置编辑内元素的背景色的取值plugins/colorbutton/plugin.js.
config.colorButton_backStyle={
element:'span',
styles:{'background-color':'#(color)'}
}
//设置前景色的取值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’
//是否在选择颜色时显示“其它颜色”选项plugins/colorbutton/plugin.js
config.colorButton_enableMore=false
//区块的前景色默认值设置plugins/colorbutton/plugin.js
config.colorButton_foreStyle={
element:'span',
styles:{'color':'#(color)'}
};
//所需要添加的CSS文件在此添加可使用相对路径和网站的绝对路径
config.contentsCss='./contents.css';
//文字方向
config.contentsLangDirection='rtl';//从左到右
//CKeditor的配置文件若不想配置留空即可
CKEDITOR.replace('myfiled',{customConfig:'./config.js'});
//界面编辑框的背景色plugins/dialog/plugin.js
config.dialog_backgroundCoverColor='#fffefd';//可设置参考
config.dialog_backgroundCoverColor='white'//默认
//背景的不透明度数值应该在:0.0~1.0之间plugins/dialog/plugin.js
config.dialog_backgroundCoverOpacity=0.5
//移动或者改变元素时边框的吸附距离单位:像素plugins/dialog/plugin.js
config.dialog_magnetDistance=20;
//是否拒绝本地拼写检查和提示默认为拒绝目前仅firefox和safari支持plugins/wysiwygarea/plugin.js.
config.disableNativeSpellChecker=true
//进行表格编辑功能如:添加行或列目前仅firefox支持plugins/wysiwygarea/plugin.js
config.disableNativeTableHandles=true;//默认为不开启
//是否开启图片和表格的改变大小的功能config.disableObjectResizing=true;
config.disableObjectResizing=false//默认为开启
//设置HTML文档类型
config.docType='<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22';
//是否对编辑区域进行渲染plugins/editingblock/plugin.js
config.editingBlock=true;
//编辑器中回车产生的标签
config.enterMode=CKEDITOR.ENTER_P;//可选:CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV
//是否使用HTML实体进行输出plugins/entities/plugin.js
config.entities=true;
//定义更多的实体plugins/entities/plugin.js
config.entities_additional='#39';//其中#代替了&
//是否转换一些难以显示的字符为相应的HTML字符plugins/entities/plugin.js
//默认的字体名plugins/font/plugin.js
config.font_defaultLabel='Arial';
//字体编辑时的字符集可以添加常用的中文字符:宋体、楷体、黑体等plugins/font/plugin.js
config.font_names='Arial;TimesNewRoman;Verdana';
//文字的默认式样plugins/font/plugin.js
config.font_style={
element:'span',
styles:{'font-family':'#(family)'},
overrides:[{element:'font',attributes:{'face':null}}]
};
//字体默认大小plugins/font/plugin.js
config.fontSize_defaultLabel='12px';
//字体编辑时可选的字体大小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'
//设置字体大小时使用的式样plugins/font/plugin.js
config.fontSize_style={
element:'span',
styles:{'font-size':'#(size)'},
overrides:[{element:'font',attributes:{'size':null}}]
};
//是否强制复制来的内容去除格式plugins/pastetext/plugin.js
config.forcePasteAsPlainText=false//不去除
//是否强制用“&”来代替“&”plugins/htmldataprocessor/plugin.js
config.format_p={element:'p',attributes:{class:'normalPara'}};
//对PRE标签自动进行格式化plugins/format/plugin.js
config.format_pre={element:'pre',attributes:{class:'code'}};
//用分号分隔的标签名字在工具栏上显示plugins/format/plugin.js
config.format_tags='p;h1;h2;h3;h4;h5;h6;pre;address;div';
//是否使用完整的html编辑模式如使用,其源码将包含:<html><body></body></html>等标签
config.fullPage=false;
//是否忽略段落中的空字符若不忽略则字符将以“”表示plugins/wysiwygarea/plugin.js
config.ignoreEmptyParagraph=true;
//在清除图片属性框中的链接属性时是否同时清除两边的<a>标签plugins/image/plugin.js
config.image_removeLinkByEmptyURL=true;
//一组用逗号分隔的标签名称,显示在左下角的层次嵌套中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';
//显示子菜单时的延迟,单位:msplugins/menu/plugin.js
config.menu_subMenuDelay=400;
//当执行“新建”命令时,编辑器中的内容plugins/newpage/plugin.js
config.newpage_html='';
//当从word里复制文字进来时,是否进行文字的格式化去除plugins/pastefromword/plugin.js
config.pasteFromWordIgnoreFontFace=true;//默认为忽略格式
//是否使用<h1><h2>等标签修饰或者代替从word文档中粘贴过来的内容plugins/pastefromword/plugin.js
config.pasteFromWordKeepsStructure=false;
//从word中粘贴内容时是否移除格式plugins/pastefromword/plugin.js
展开内容
Q学云教师app下载-Q学云教师1.0.3最新版
快乐的大熊洛卡读后感-快乐的大熊洛卡读后感范文精选版
维克多弗兰不和谐修改MOD下载-维克多弗兰不和谐修改MOD1.0 破解版
MHDD(硬盘坏道检测修复)4.6中文版
偶像梦工厂1.0 安卓版
硬盘加密软件2017免费版-硬盘加密软件(Gilisoft Full Disk Encryption)4.1.0 最新破解版
暴戳主公变态版下载-暴戳主公bt版1.0 安卓版
人生溯游全解锁版-人生溯游手游0.02最新版
Konster手游最新版1.0.1 安卓版
杏儿熟了ppt-杏儿熟了教学ppt课件免费下载【小学语文】
蛙蛙跳一跳手游下载-蛙蛙跳一跳游戏1.0.0 安卓最新版
美拍视频下载器-美拍热门视频观看下载工具1.0绿色免费版
风色群英传礼包版-风色群英传九游版1.0安卓版
谢娜表情包带字下载-谢娜极限挑战懵圈表情包【极限三懵表情包下载】完整免费下载
两岸商城1.0 客户端
iPhone Call app下载-iPhone Call安卓仿苹果来电显示软件1.30 安卓版
新浪show官方正式版下载-新浪SHOW(多人视频聊天工具)4.0.165 官方最新版
成语连连看1.0 安卓版
五方手游app下载-五方手游盒子1.0.0 安卓正版
魔力宝贝归来双子服游戏下载-魔力宝贝归来双子服手游1.2.4怀旧版
朵拉长大了官方下载-朵拉长大了苹果版1.0.0手机版
返利高佣快报正版-返利高佣快报官方版1.0免费版
单词猎人(Kelime Avc?s?)1.0 安卓版
新葫芦兄弟鸡娃无限开箱撸充版下载-新葫芦兄弟无限开箱无限资源版2.0 无限抽
湖北阳光餐饮下载-湖北阳光餐饮app6.61.6 安卓版
电脑远程操控软件-手机QQ控制电脑软件(Mobile control of computers)V2.0绿色版
8.7/1,500.6M
有事离开了自己的座位,但是离开后发现自己忘了关电脑。有时电脑中有重要的文件或者其它不想让别人知道的东西,这个时候该怎么办呢?在这里给大家推荐一款能够通过手机QQ...
tradingview安卓版下载-TradingView最新版本1.20.20.0.1191 手机版
8.5/214.3M
获得实时信息和市场洞察,TradingView上所有数据都是从专业提供商处获取。可以直接、广泛地访问股票、期货、主要指数、外汇、比特币和差价合约的行情。一个国际...
9.7/212.6M
点点宠物是一个交流服务宠物社区。宠物是我们人类最好的朋友,我们要关爱它们,这里是宠物服务社区。有宠物公益、宠物领养、一键寻宠等服务功能。爱宠人士不要错过了,来下...
国王战争游戏下载-国王战争(kingshot)1.3.22 最新版
9.7/433.5M
国王战争(Kingshot)是一款充满策略与挑战的部落战争游戏,旨在为玩家带来极致的战斗体验。在游戏中,您需要精心布置防御设施,训练多样化的士兵,并根据战场形势...
8.9/589.0M
需要使用到手机打车的朋友,小编就给你介绍一款手机上不错的打车软件--打车达人!小编个人使用过后感觉还可以吧!不过还是有些朋友是喜欢使用的!打车达人介绍下载使用打...
10.0/705.7M
这是懒人站长自己开发的长尾关键词采集挖掘工具,主要包含关键词采集和长尾词挖掘功能,使用简单方便,绿色免费,无任何限制。该软件可以帮你快速采集百度搜索、360搜索...
9.7/542.1M
约单app是一款同城上门按摩的app。东坡小编推荐,汇聚了推拿,按摩,保健,养生SPA,足疗,艾灸,模特,游戏,健身,瑜伽,保洁,美容,美甲,舞蹈,设计,宠物,...
8.7/274.9M
源码恢复反汇编静态分析工具是一款反编辑软件,这款软件可以逆向静态编辑利器,最好的免费反编辑软件,需要的用户快来下载吧!软件介绍DataRescueIDAProD...
8.5/1,025.3M
上升的白球是一款刺激的冒险游戏,在这款游戏中,你需要控制一个白球向上前进,旅途中充满各种障碍,两边都是荆棘倒刺,不能触碰,你需要不断点击屏幕来让小球跳跃,保持在...
7.7/543.5M
很多人不知道如何进行服装搭配,仙衣无缝app就是一款虚拟的试衣间软件,采用了AR技术,建立你的身体模型,可以随意的试穿衣服。功能介绍1.仙衣无缝是一款真正可以试...
9.9/1,974.3M
看全网最新资讯就可领红包和做任务的阅读平台,二头条app,有着海量的视频和趣味玩法,现金收益更有赚钱的新闻阅读资讯。功能介绍二头条,不一样的头条热门资讯汇聚全网...
漫长等待游戏手机版下载-漫长等待The Longing1.0.0 安卓版
8.2/778.0M
《漫长等待(TheLonging)》是一款由StudioSeufz开发的独特冒险类步行模拟游戏。游戏最早在2014年开始制作,历时六年完成。游戏的创意源自开发者...
7.8/1,095.6M
游戏以经典的王蓝莓作为主角视角来展开80、90年代的小游戏,在地铁上玩这款游戏超打发时间!经营一家麻辣烫店铺,遇见形形色色的客人,不同的客人有不同的故事,你也需...
8.7/297.0M
箴言app为大家丰富了墨菲定律,蝴蝶效应,鳄鱼法则等等,这些人生经验都是前人总结的精华。可以学习帮助你学习这些人生哲理,定律法则,生活效应欢迎下载!功能介绍近神...
火山视频批量上传工具免费下载-火山视频批量上传软件1.0 官方版
8.2/1,364.1M
火山视频批量上传软件是一款支持试用的火山小视频批量上传工具,支持同时登录多个小号,还能修改性别,头像和签名等等信息,上传的视频还可以快速刷新,操作简单,易于使用...
9.1/1,888.5M
武侠浮生记是一款由美丽世界最新出的武侠题材游戏,打造2017武侠手游新的巅峰,游戏中有各种武功秘籍在等着你,少林寺、逍遥派、武当派、古墓派、丐帮、明教、华山派、...
车e兴app下载最新版本-车e兴app官方下载4.4.6 安卓版
8.0/749.5M
车e兴app是一款面向广大ETC用户的应用软件,可用于查询ETC消费记录、ETC停车场寻址导航、购物、扫码支付等功能,偶需要的朋友就来下载吧!应用介绍本APP是...
数据库备份恢复工具官方下载2015-SQL SERVER数据库备份恢复工具1.1 绿色正式版【一键还原数据库】
9.6/75.5M
给经常的需要对自己的数据库进行备份以及还原的朋友介绍下面的这款SQL备份和恢复的神器--SQLSERVER数据库备份恢复工具,使用简单,功能强大!SQLSERV...
7.9/932.0M
如意文玩ios版是一款专为文物爱好者打造的软件,用户可以在这里交友,分享文玩经验,可以参与活动拍卖等,还有每日的文玩资讯等你看,有喜欢的下载吧!软件介绍:文玩爱...
驱魔人鬼魂之惧游戏下载-驱魔人鬼魂之惧官方版(Fear of Phasmophobia)3.5 安卓版
8.9/111.3M
驱魔人鬼魂之惧游戏算得上一款密室逃脱游戏吧,游戏有点惊悚,暗黑的画风配上紧张的背景音乐,在这个虚拟的世界里开启各种挑战,体验一段令人毛骨悚然的逃脱冒险之旅。游戏...
荒野乱斗科技魔改版下载-荒野乱斗科技改版29.258 最新版
7.8/1,394.3M
荒野乱斗科技魔改版下载,此魔改版本中从英雄到玩法都充满了浓浓的科技感,游戏免费解锁了65为英雄,无限的奖杯、资源等内容,能够很好的进行一场3V3竞技对决。荒野乱...
7.5/1,838.3M
有些朋友开一些展会或者是活动的时候需要租一些艺术品,这些艺术品都是有价值的,要签租赁合同。这里带来了艺术品租凭合同范本,你可以在里面添加内容,直到双方都满意,直...
10.0/1,069.2M
赫马app是一款智能家居的智能控制器手机管理软件,它能帮助你提高家居安全性、便利性、舒适性,并实现节能环保的居住环境。他不仅能够控制电视等大型家用电器,而且还能...
音频格式转换工具-神马音频转换精灵7.05.00 官方试用版
8.3/269.6M
神马音频转换精灵是一个能快速将转换音频文件的软件,支持主流音频格式文件,Ogg,Wav,ApeFLAC,WV,TTA,MP3等音频格式软件支持对音频文件进行剪切...
8.4/825.7M
龙血战神iOS版是一款人气小说改编而来的战斗手游,游戏画质高清,人物精美,原滋原味丰富剧情,带你体验祖龙传承精血,完美体验小说完整剧情,喜欢就下载吧。原汁原味还...