FCK编辑器在JSP中使用基本说明(来自http://blog.360quan.com/u/1281c9/show/506089)

步骤1:将fckeditor文件夹拷贝到/WebRoot目录下
步骤2:将lib文件夹下的两个jar文件拷贝到/WebRoot/WEB-INF/lib目录下
步骤3:将FCKeditor.tld文件拷贝到/WebRoot/WEB-INF目录下
步骤4:将Web.xml文件中的内容拷贝到工程的web.xml文件中,注意里面两个Servlet配置的路径修改

在JSP页面配置FCKeditor编辑器
/**
* 方法一:
*/
在JSP页面头部配置
<%@ page language="java" import="com.fredck.FCKeditor.*"%>
在<body>标签你想放置FCKeditor编辑器的地方配置
<%
// 获得上下文路径
String path = request.getContextPath();
FCKeditor oFCKeditor;
// 定义一个属性来使Action通过request来获得FCKeditor编辑器中的值
oFCKeditor = new FCKeditor(request, "content");
oFCKeditor.setBasePath(path + "/fckeditor/");
// 设置FCKeditor编辑器打开时的默认值
oFCKeditor.setValue("input 1111");
out.println(oFCKeditor.create());
%>

/**
* 方法二:
*/
在JSP页面头部配置
<%@ taglib uri="/MyFCKeditor" prefix="FCK"%>
注意这个uri,也可以写为"/WEB-INF/FCKeditor.tld",这里的写法其实是已经将tld文件配置在工程的web.xml文件中了
在<body>标签你想放置FCKeditor编辑器的地方配置
<FCK:editor id="content" <!-- 定义FCKeditor的标志,以便Action获得其值-->
       basePath="fckeditor/"     <!-- 注意这里为FCKeditor的基本路径,无需配置上下文路径-->
imageBrowserURL="/fckeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/fckeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/fckeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector">
this is default content :)
</FCK:editor>


Q:Action中如何获得FCKeditor中的内容?
A:很简单,上面两种方法对FCKeditor的标记都为content,在Action中用request.getParameter("content")即可。注意的是,这里获得的字符串是包括html标签的(即FCKeditor的值的HTML源代码)。

Q:FCKeditor中的按钮太多,只要其中一些该如何修改?
A:在fckconfig.js文件中修改,代码如下:
     FCKConfig.ToolbarSets["Default"] = [   
      ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],   
      ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],   
      ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],   
      ['OrderedList','UnorderedList','-','Outdent','Indent'],   
      ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],   
      ['Link','Unlink','Anchor','Image','Flash'],   
      ['TextColor','BGColor','Table','Rule'],   
      ['Style','FontFormat','FontName','FontSize']   
      ] ;   
      将不用的删除即可。
Q:FCKedior中如何使用JavaScript来获得和设置其中的内容
A:<script type="text/javascript">
// 获得编辑器中的HTML内容
function getHTMLValue()
{
        var oEditor = FCKeditorAPI.GetInstance("content");
        var value = oEditor.GetXHTML(true);
        alert(value);
}
// 获得编辑器中的文本内容
function getTextValue()
{
        var oEditor = FCKeditorAPI.GetInstance("content");
        var value = oEditor.EditorDocument.body.innerText;
       alert(value);
}
// 设置编辑器中的内容
function initFCK()
{
        var oEditor = FCKeditorAPI.GetInstance("content");
       oEditor.SetHTML("<p><font color='red'>aaa</font></p>");
}
     </script>

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值