网页编辑器ckeditor和ckfinder配置步骤分享
一、使用方法: 1、在页面中引入ckeditor核心文件ckeditor.js 2、在使用编辑器的地方插入HTML控件 如果是ASP.NET环境,也可用服务器端控件 注意在控件中加上 class="ckeditor" 。 3、将相应的控件替换成编辑器代码 CKEDITOR.replace('
一、使用方法: 1、在页面中引入ckeditor核心文件ckeditor.js 2、在使用编辑器的地方插入HTML控件 如果是ASP.NET环境,也可用服务器端控件 注意在控件中加上 class="ckeditor" 。 3、将相应的控件替换成编辑器代码 CKEDITOR.replace('
CKEditor官方演示是有上传图片和浏览服务器文件功能的,但是我们自己下载回来的却没有这两个功能…… 其实还需要下载另外一个组件:CKFinder,用它配合CKEditor来实现上传功能。 官方提供了PHP,Asp.Net和Asp三个语言版本的CKFinder,下载地址:http://ckfind
这三种情况下所得到的server.MapPath是一致的,这就导致上传之后写入数据库的图片地址和实际图片存储地址不一致,因此,我们需要自定义一个路径地址userDir,让baseUrl只管写入数据库的图片地址,而创建的新目录baseDir为另外一个。。。。这样不管你的网站通过怎样的方式访问都是OK的
1、/ckeditor/config.js, 配置文件,如果不想写太多,可以直接写好默认配置(语言,菜单栏,宽度),有需要可以百度config配置 config.language = 'en';config.skin = 'v2';config.uiColor = '#AADC6E';config.
实现代码如下: function BrowseServer(inputId) { var finder = new CKFinder() ; finder.basePath = '../ckfinder/'; //导入CKFinder的路径 finder.selectActionFunctio
CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。而CKFinder是一个功能强大的ajax文件管理器。其简单的用户界面使得各类用户,不管是从高级专业人才,还是互联网初学者,都够
CKFinder 1.4 下载地址:http://ckfinder.com/CKEditor3.0 下载地址:http://ckeditor.com/实例: 实现代码如下: if (typeof CKEDITOR == 'undefined') { document.write('加载CKEdi
由于本次CKEditor全新改版,没有提供文件上传功能,所以选择整合CKFinder是个不错的选择 需要修改一下CKEditor插件文件夹下的JS源码,以image插件为例(Flash及Files同理): Code 实现代码如下: //将下边的代码做一些修改 //{type:'button',id:
我想有没有更简单的解决方案呢,于是我去官方网站查看了文档,发现他们其实给我们一个极为简便的解决方案:http://docs.fckeditor.net/CKFinder/Developers_Guide/ASP.NET/CKEditor_Integration实现代码如下:CKEDITOR.repl