1.安装
把FCKeditor_2.6.3.zip解压后的内容拷到WebRoot下。
2.使用
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/";
oFCKeditor.Create();
</script>
<script type="text/javascript">
window.onload = function() {
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
<body>
This is my JSP page. <br>
<textarea rows="4" cols="60" name="MyTextarea" style="display:none">default</textarea>
</body>
</html>
修改
三种方法:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
//第一种方法
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/";
oFCKeditor.Width = "70%";
oFCKeditor.Height = "150";
oFCKeditor.Value = "default"
oFCKeditor.Create();
</script>
<script type="text/javascript">
window.onload = function() {
//第二种方法
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
//第三种方法
var div = document.getElementById("myFCKeditor");
var fck = new FCKeditor("myFCKeditor");
fck.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
div.innerHTML = fck.CreateHtml();
}
</script>
<body>
<br/>Method 2<br/>
<textarea rows="4" cols="60" name="MyTextarea" style="display:none">default</textarea>
<br/>Method 3 <br>
<div id="myFCKeditor">
</div>
</body>
</html>
分享到:
相关推荐
2. **引用FCKeditor**: 在Default.aspx页面中,通过`<script>`标签引入FCKeditor的JavaScript文件,并创建一个`<textarea>`或自定义控件,然后使用JavaScript初始化FCKeditor。 3. **配置编辑器**: 在JavaScript...
1. **安装与集成** FCKeditor通常以压缩包形式提供,包含了所有必要的文件和资源。下载后,解压到服务器的适当位置,并在网页中通过JavaScript API进行引用。例如,可以通过创建`<script>`标签引入`fckeditor.js`...
以下是一个简单的PHP调用FCKeditor的例子: ```php include("fckeditor/fckeditor.php"); // 引入FCKeditor类文件 ?> ; charset=utf-8"> 调用FCKeditor示例 $oFCKeditor = new FCKeditor('FCKeditor1'); // ...
综上所述,这个压缩包提供的"FCKeditor应用完整例子"是一个实用的学习资源,它涵盖了从编辑器的集成、富文本处理到文件上传的全过程,对于J2EE、JSP和Struts2的开发者来说,是一个深入理解FCKeditor和Web应用开发的...
这篇博客文章“在EXT中使用FCKEditor编辑器例子”可能探讨了如何将FCKEditor集成到EXT应用中,为用户提供一个方便的文本编辑界面。 在EXT中集成FCKEditor,首先你需要理解EXT的基本概念,如组件(Component)、布局...
1,假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入JAVASCRIPT整合模块.例如: <script type="text/javascript" src="/fckeditor/fckeditor.js...
1. 简单的文本编辑:创建一个表单,使用FCKeditor作为文本输入框,用户可以直接在界面上编辑文本,提交后保存到数据库。 2. 图片上传:集成FCKeditor的图片上传功能,允许用户在编辑器中选择本地图片并上传至服务器...
**JSP例子:Fckeditor整合web EQ 公式编辑器** 在Web开发中,富文本编辑器(Rich Text Editor)是常用于创建和编辑带有格式的HTML内容的工具。FCKeditor是一个流行的开源富文本编辑器,而web EQ则是一个用于在网页...
Java与FCKeditor是Web开发中的一个典型组合,主要用于实现富文本编辑功能。FCKeditor是一款开源的在线HTML编辑器,而Java则是后端的强大编程语言。在这个例子中,我们将探讨如何将两者结合,以便在Java驱动的Web应用...
Fckeditor是一款开源的Web富文本编辑器,它允许用户在网页上编辑内容,如同使用桌面应用软件一样。这个编辑器提供了丰富的文本格式化选项,包括字体、字号、颜色、对齐方式、链接、图片插入等功能,极大地提升了网页...
4. **ReadMe.txt** - 这个文件通常包含了关于如何安装、配置和使用Fckeditor的说明,可能还包括了版本更新和已知问题的信息。 5. **Files** - 这可能是一个文件夹,用于存储用户通过Fckeditor上传的文件,如图片或...
在本教程中,我们将深入探讨FCKEditor 3.5.3的配置与使用,特别是针对Java开发环境的集成。 **一、FCKEditor 3.5.3简介** FCKeditor 3.5.3是该编辑器的一个稳定版本,它提供了一套完整的API和丰富的功能集,如图片...
以下是一个简单的例子: ```javascript var oFCKeditor = new FCKeditor('editorContent') ; oFCKeditor.BasePath = '/js/fckeditor/' ; // 设置FCKeditor的基础路径 oFCKeditor.Width = '100%' ; // 设置宽度 ...
以下是一个简单的例子: ```html <!DOCTYPE html> ... <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" BasePath="/fckeditor/" Width="100%" Height="400"></FCKeditorV2:FCKeditor> ... ``` 这...
1. **下载与安装**:首先从FCKeditor官网下载最新版本,解压后将文件夹放入服务器目录。 2. **引入FCKeditor**:在HTML页面中添加FCKeditor的JavaScript文件引用,并设置编辑器的ID。 3. **初始化编辑器**:在...
【简易博客 ASP.NET 源码 FCKeditor 示例】是一个非常适合初学者的项目,它提供了一个小型但完整的博客系统的源代码实现。这个博客系统是用ASP.NET技术构建的,一个微软推出的强大且广泛使用的Web应用程序框架。通过...
FCKeditor是一款开源的Web富文本编辑器,广泛应用于网页内容编辑,它提供了类似Microsoft Word的用户界面,使得非技术人员也能轻松地在网页上进行文字编辑和格式设置。这款编辑器支持多种浏览器,包括Internet ...
在这个例子中,`oFCKeditor.Create()`方法会在id为`myEditor`的textarea位置创建一个FCKeditor实例。 ### 四、加载到MyEclipse 要将FCKeditor加载到MyEclipse中,你需要按照以下步骤操作: 1. **创建Web项目**:...
比如文中提到的例子是放置到了`F:\web\fckeditor`路径下。 2. **安装FCKeditor.Net**:文中提到了还需要安装`FCKeditor.Net2.6.3.zip`中的`FredCK.FCKeditorV2.dll`文件。这个文件需要被放置到项目的`bin`目录中,...