`
liss
  • 浏览: 844397 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Fckeditor的使用(一):Fckeditor安装与例子

阅读更多

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>

分享到:
评论

相关推荐

    asp.net FCKeditor 配置例子

    2. **引用FCKeditor**: 在Default.aspx页面中,通过`&lt;script&gt;`标签引入FCKeditor的JavaScript文件,并创建一个`&lt;textarea&gt;`或自定义控件,然后使用JavaScript初始化FCKeditor。 3. **配置编辑器**: 在JavaScript...

    fckeditor小例子

    1. **安装与集成** FCKeditor通常以压缩包形式提供,包含了所有必要的文件和资源。下载后,解压到服务器的适当位置,并在网页中通过JavaScript API进行引用。例如,可以通过创建`&lt;script&gt;`标签引入`fckeditor.js`...

    FCKeditor使用方法详解

    以下是一个简单的PHP调用FCKeditor的例子: ```php include("fckeditor/fckeditor.php"); // 引入FCKeditor类文件 ?&gt; ; charset=utf-8"&gt; 调用FCKeditor示例 $oFCKeditor = new FCKeditor('FCKeditor1'); // ...

    FCKeditor应用完整例子

    综上所述,这个压缩包提供的"FCKeditor应用完整例子"是一个实用的学习资源,它涵盖了从编辑器的集成、富文本处理到文件上传的全过程,对于J2EE、JSP和Struts2的开发者来说,是一个深入理解FCKeditor和Web应用开发的...

    在EXT中使用FCKEditor编辑器例子

    这篇博客文章“在EXT中使用FCKEditor编辑器例子”可能探讨了如何将FCKEditor集成到EXT应用中,为用户提供一个方便的文本编辑界面。 在EXT中集成FCKEditor,首先你需要理解EXT的基本概念,如组件(Component)、布局...

    fckeditor2.6.3 完整版

    1,假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入JAVASCRIPT整合模块.例如: &lt;script type="text/javascript" src="/fckeditor/fckeditor.js...

    用MyEclipse集成FCKeditor的几个小例子

    1. 简单的文本编辑:创建一个表单,使用FCKeditor作为文本输入框,用户可以直接在界面上编辑文本,提交后保存到数据库。 2. 图片上传:集成FCKeditor的图片上传功能,允许用户在编辑器中选择本地图片并上传至服务器...

    JSP例子:Fckeditor整合web EQ 公式编辑器

    **JSP例子:Fckeditor整合web EQ 公式编辑器** 在Web开发中,富文本编辑器(Rich Text Editor)是常用于创建和编辑带有格式的HTML内容的工具。FCKeditor是一个流行的开源富文本编辑器,而web EQ则是一个用于在网页...

    java与fckeditor例子

    Java与FCKeditor是Web开发中的一个典型组合,主要用于实现富文本编辑功能。FCKeditor是一款开源的在线HTML编辑器,而Java则是后端的强大编程语言。在这个例子中,我们将探讨如何将两者结合,以便在Java驱动的Web应用...

    Fckeditor的使用和例子

    Fckeditor是一款开源的Web富文本编辑器,它允许用户在网页上编辑内容,如同使用桌面应用软件一样。这个编辑器提供了丰富的文本格式化选项,包括字体、字号、颜色、对齐方式、链接、图片插入等功能,极大地提升了网页...

    Fckeditor的使用例子

    4. **ReadMe.txt** - 这个文件通常包含了关于如何安装、配置和使用Fckeditor的说明,可能还包括了版本更新和已知问题的信息。 5. **Files** - 这可能是一个文件夹,用于存储用户通过Fckeditor上传的文件,如图片或...

    FCKEditor 3.5.3使用配置教程与项目小列子(包会)

    在本教程中,我们将深入探讨FCKEditor 3.5.3的配置与使用,特别是针对Java开发环境的集成。 **一、FCKEditor 3.5.3简介** FCKeditor 3.5.3是该编辑器的一个稳定版本,它提供了一套完整的API和丰富的功能集,如图片...

    jsp中使用FCKEditor

    以下是一个简单的例子: ```javascript var oFCKeditor = new FCKeditor('editorContent') ; oFCKeditor.BasePath = '/js/fckeditor/' ; // 设置FCKeditor的基础路径 oFCKeditor.Width = '100%' ; // 设置宽度 ...

    ASP.NET中FCKEditor配置教程

    以下是一个简单的例子: ```html &lt;!DOCTYPE html&gt; ... &lt;FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" BasePath="/fckeditor/" Width="100%" Height="400"&gt;&lt;/FCKeditorV2:FCKeditor&gt; ... ``` 这...

    比较常用的组建fckeditor的实例

    1. **下载与安装**:首先从FCKeditor官网下载最新版本,解压后将文件夹放入服务器目录。 2. **引入FCKeditor**:在HTML页面中添加FCKeditor的JavaScript文件引用,并设置编辑器的ID。 3. **初始化编辑器**:在...

    简易博客 asp.net源码 fckeditor例子

    【简易博客 ASP.NET 源码 FCKeditor 示例】是一个非常适合初学者的项目,它提供了一个小型但完整的博客系统的源代码实现。这个博客系统是用ASP.NET技术构建的,一个微软推出的强大且广泛使用的Web应用程序框架。通过...

    fckeditor例子

    FCKeditor是一款开源的Web富文本编辑器,广泛应用于网页内容编辑,它提供了类似Microsoft Word的用户界面,使得非技术人员也能轻松地在网页上进行文字编辑和格式设置。这款编辑器支持多种浏览器,包括Internet ...

    FCKeditor

    在这个例子中,`oFCKeditor.Create()`方法会在id为`myEditor`的textarea位置创建一个FCKeditor实例。 ### 四、加载到MyEclipse 要将FCKeditor加载到MyEclipse中,你需要按照以下步骤操作: 1. **创建Web项目**:...

    如何配置fckeditor

    比如文中提到的例子是放置到了`F:\web\fckeditor`路径下。 2. **安装FCKeditor.Net**:文中提到了还需要安装`FCKeditor.Net2.6.3.zip`中的`FredCK.FCKeditorV2.dll`文件。这个文件需要被放置到项目的`bin`目录中,...

Global site tag (gtag.js) - Google Analytics