fckeditor网页编辑器（FckEditor编辑器在IE10+中不显示工具栏怎么办）

本文目录

• FckEditor编辑器在IE10+中不显示工具栏怎么办
• 如何在ASP页面的表单中插入FCKeditor编辑器
• 请教如何将 FckEditor编辑器升级或更换成CKEditor
• 在jsp环境中配置使用FCKEditor
• 如何使用fckeditor在线编辑器
• 做了一个网站，里面有fckeditor编辑器，但是问题来了，该编辑器在火狐，IE各版本都可以正常显示，但是在3

FckEditor编辑器在IE10+中不显示工具栏怎么办

第一种方法、浏览器设置兼容模式 打开IE，点击“工具”菜单，选择“兼容性视图设置”，勾寻在兼容性视图中显示所有网站”选项即可。 第二种方法、在使用器的网页的： 下面加 第三种方法、修改器本身JS文件： 修改器目录下的 /editor/js/f...

如何在ASP页面的表单中插入FCKeditor编辑器

有好几种写法，我平常用这种
首先下载好fck并放到你的站点下
在表单页的《head》《/head》标签中引用fck
例如：
《head》
***隐藏网址***
《title》活动《/title》
《script type="text/javascript" src="/fckeditor/fckeditor.js"》《/script》
《/head》
第二步：
你的表单肯定有一个你要使用fck所对应的表单控件
例如《textarea name="content" cols="20" rows="2"》《%=content%》《/textarea》
在这个控件的代码后面加上下面这段
《script type="text/javascript"》
var protocol=document.location.protocol;
var hostPath=document.location.host;
sBasePath="fckeditor/";//获取根目录，就是fckeditor在你站点中的路径
var oFCKeditor=new FCKeditor(’content’);//content也即此表单元素的名字，和上面的表单控件名字设成一样的
oFCKeditor.BasePath=sBasePath;
oFCKeditor.ToolbarSet="default";//这设置fck的工具条样式，你可以自己去定义，也可以用默认
oFCKeditor.Height=280;
oFCKeditor.Value=’’;
oFCKeditor.ReplaceTextarea();//这里就是用定义好的fck对象替换你之前的表单控件
《/script》
这样就可以了

请教如何将 FckEditor编辑器升级或更换成CKEditor

下载CKEditor -CKEditor 3.5.2
解压文件至ECShop的includes中。
搜索ECShop的admin目录下的所有字符串"fckeditor"替换成"ckeditor"，"FCKEditor"替换成"CKEditor"。（注：大小写分开替换）
修改adminincludeslib_main.php的function create_HTML_editor函数：
function create_Html_editor($input_name, $input_value = ’’)
{
global $smarty;
//$editor = new CKeditor($input_name);
//$editor-》BasePath = ’../includes/ckeditor/’;
//$editor-》ToolbarSet = ’Normal’;
//$editor-》Width = ’100%’;
//$editor-》Height = ’320’;
//$editor-》Value = $input_value;
//$CKeditor = $editor-》CreateHtml();// 新版没有这个函数
$CKEditor = new CKEditor();
$CKEditor-》returnOutput = true;// 这行一定要加不然下面的editor()会在页首直接输出ckeditor对象。
$code = $CKEditor-》editor($input_name, $input_value);
$smarty-》assign(’CKeditor’, $code);
}
还要修改admintemplatesarticle_info.htm的204~207 else代码段
else
{
tables.style.display = "none";
}
改成
else
{
var tblId = tables.id.match(/-table$/);
if (tblId == "-table")
{
tables.style.display = "none";
}
}

在jsp环境中配置使用FCKEditor

FCKeditor是上面的一个开源项目，主要是实现在线网页器的功能，可以让web程序拥有如MS Word这样强大的功能。官方网站为 ，在服务器端支持、ASP、ClodFusion、PHP、Java等语言，并且支持IE 5+、Mozilla 、Netscape等主流浏览器。
首先在官方网站下载fckeditor,注意有两个包，一个是主文件，一个是jsp整合包的。
1、解压FCKeditor_2.2.zip,(FCKeditor主文件)，将FCKeditor目录复制到网站根目录下，
2、解压FCKeditor-2.3.zip,(jsp,FCKeditor整合包)，作用：This is the JSP Integration Pack for using FCKeditor inside a java server page without the complexity of using a Java scriptlets or the javascript api.
3、将FCKeditor-2.3/web/WEB-INF/web.xml中的两个servlet,servlet-mapping定义复制到自已项目的web.xml文件中
修改
servlet-mapping
servlet-nameConnector/servlet-name
url-pattern/editor/filemanager/browser/default/connectors/jsp/connector/url-pattern
/servlet-mapping
servlet-mapping
servlet-nameSimpleUploader/servlet-name
url-pattern/editor/filemanager/upload/simpleuploader/url-pattern
/servlet-mapping
为
servlet-mapping
servlet-nameConnector/servlet-name
url-pattern/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector/url-pattern
/servlet-mapping
servlet-mapping
servlet-nameSimpleUploader/servlet-name
url-pattern/FCKeditor/editor/filemanager/upload/simpleuploader/url-pattern
/servlet-mapping
4、将FCKeditor-2.3/web/WEB-INF/lib目录下文件复制到自已项目的lib文件夹中
5、在需使用FCKeditor的jsp界面中加入：
// 文件开头处加入
%@ taglib uri="" prefix="FCK" %
//要使用的地方加入
FCK:editor id="content" basePath="/FCKeditor/"
imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=ImageConnector=connectors/jsp/connector"
linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=FlashConnector=connectors/jsp/connector"
imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"
this is default content :)
/FCK:editor
启动服务器测试。。。。成功后，来给FCKeditor瘦瘦身.
1、将FCKeditor目录下及子目录下所有以”_”下划线开头的文件夹删除
2.FCKeditor根目录下只保留fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml其余全部删除
3.将editor/filemanager/upload目录下文件及文件夹清空.
4.还可以将editor/skins目录下的皮肤文件删除，只留下default一套皮肤（如果你不需要换皮肤的话）
5.还可以将editor/lang目录下文件删除，只保留en.js, fcklanguagemanager.js, zh-cn.js, zh.js文件（英文，简体中文，繁体中文一般应该够用了:) ）
完成，现在看是不是清爽了很多？
其它问题：
在struts+spring+hibernate中使用，上传图像功能中可能会出现报：
The output format must have a ‘{}content-handler’ property!
错的情况，将WEB-INF/lib目录下xalan*.jar删除试试
安全问题：
假如在前台让普通用户也能使用FCKEditor,要注意相关安全问题,在前台使用时,不要使用默认的ToolBar，
要将添加图像，flash，图像域按钮去掉
在fckconfig.js中大约78行配置 那些数组中的值就像当于界面上的一个功能，你可以强行把每组值试出来代表什么。：P
到此安装FCKeditor就完成了，相关详细配置你可以看FCKeditor-2.3.zip,(jsp,FCKeditor整合包)文件夹中web/_samples目录下的例子。

如何使用fckeditor在线编辑器

1、去htt p:/ /ww w.aspprogra m.c n/soft.asp?id=38这个地址下载fckeditor在线器（请先杀毒，后使用）
2、fckeditor配置
a、为了使用根目录，我们将IIS的默认网站设置为站点，指向fckeditor(这个可改名)所在的目录。
b、现在建立一个asp文件，来调用fckeditor在线器，假设为news.asp,代码如下：
《!--#include file="FCKeditor/fckeditor.asp" --》
《%
a=request("a")
If a="" Then
%》
《table border=1 cellpadding=0 cellspacing=0》
《form name="form1" method="post" action="?a=save"》
《tr》
《td align="right"》新闻内容《/td》
《td height="25" align="left"》
《%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/fckeditor/"
’设置器的路径，我站点根目录下的一个目录
’如果你改了目录的名，这里就需要改成那个目录名
oFCKeditor.ToolbarSet = "Default"
oFCKeditor.Width = "700"
oFCKeditor.Height = "500"
oFCKeditor.Value = ""
’这个是给器初始值
oFCKeditor.Create "logbody"
’以后器里的内容都是由这个logbody取得，命名由你定
%》《/td》
《/tr》
《tr》
《td colspan=2 align="center"》
《input type="submit" value=" 提 交 "》
《/td》
《/tr》
《/form》
《/table》
《%
Else ’显示fckeditor在线器内容
response.write request("logbody")
End If
%》
到这里，可以上传文字了
3、这个时候，我们在上传图片，出现上传错误。解决方法：
(1)fckconfig.js 中修改
FCKConfig.DefaultLanguage = ’zh-cn’ ; //原来是en
FCKConfig.TabSpaces = 1 ; //在器中是否可以是否TAB键 0 不可用 1 为可用
var _FileBrowserLanguage = ’asp’ ;
var _QuickUploadLanguage = ’asp’ ;
(2) fckeditor.asp 中修改
sBasePath = "/fckeditor/"
’表示 当前这个文件 fckeditor.asp相对于站点根目录的路径,看看我的目录排放
(3) FCKeditor\editor\filemanager\connectors\asp\config.asp中修改这里设置，用于文件上传
ConfigIsEnabled = true ’启用上传功能 把 false 改成 true
ConfigUserFilesPath = "/upFile/" ’设置你的上传目录 这里 "/upFile/" 表示站点根目录下的 upFile目录 ，这个目录是需要自己创建的，大家可以看到上图目录结构中我创建了 upFile 目录 ，这样上传的文件将会存放到这个目录中。FckEditor会根据您上传的类别自动在upFIle目录中创建如 image 、 flash 等目录。
这样就可以了，我们来试试index.asp程序,成功，可以上传图片了！！！
(4) fckeditor\editor\filemanager\browser\default\connectors\asp\config.asp 中修改
这里设置，用于浏览服务器上文件
ConfigIsEnabled = true ’启用浏览功能，把false改成true
ConfigUserFilesPath = "/upfile/" 同(3)
完毕。

做了一个网站，里面有fckeditor编辑器，但是问题来了，该编辑器在火狐，IE各版本都可以正常显示，但是在3

您好！很高兴为您答疑！
　　您可以安装IT Tab，在Firefox无法正常显示的网页上，右键点击标签页，选择“切换浏览器”，然后Firefox就切换到IE内核的浏览器了，这样既使用的Firefox，又有IE的兼容性。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。