`

fckeditor的使用

    博客分类:
  • j2ee
阅读更多

先根据上一篇博文下载FckEditor的工具

1.简单的例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>ckeditor</title>
 <meta content="text/html; charset=utf-8" http-equiv="content-type" />
 <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
 
</head>
<body>
 
 <form action="sample_posteddata.php" method="post">
  <p>
  
   <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"></textarea>
  </p>
  <p>
   <input type="submit" value="Submit" />
  </p>
 </form>
 
</body>
</html>

 

2.可以改变语言的例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <title>CKEditor Sample</title>
 <meta content="text/html; charset=utf-8" http-equiv="content-type" />
 <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
 <script type="text/javascript" src="ckeditor/lang/_languages.js"></script>
</head>
<body>
 <div id="alerts">
  <noscript>
   <p>
    <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
    support, like yours, you should still see the contents (HTML data) and you should
    be able to edit it normally, without a rich editor interface.
   </p>
  </noscript>
 </div>
 <form action="sample_posteddata.php" method="post">
  <p>
   <label for="editor1">
    改变语言 (<span id="count"> </span>种语言):</label><br />
    <script type="text/javascript">
    //<![CDATA[
     document.write( '<select disabled="disabled" id="languages" onchange="createEditor(this.value);">' );
     //从文件 _languages.js中获取语言类别.
     for ( var i = 0 ; i < window.CKEDITOR_LANGS.length ; i++ )
     {
      document.write(
       '<option value="' + window.CKEDITOR_LANGS[i].code + '">' +
        window.CKEDITOR_LANGS[i].name +
       '</option>' );
     }
     document.write( '</select>' );
    //]]>
    </script>
   <br />
   <span style="color: #888888">(如果你的系统你支持你所选择的语言,可能会出现奇怪的字体)</span>
  </p>
  <p>
   <textarea  cols="80" id="editor1" name="editor1" rows="10"></textarea>
   <script type="text/javascript">
   //<![CDATA[
    // 设置语言的种类.
    document.getElementByIdx( 'count' ).innerHTML = window.CKEDITOR_LANGS.length;
    var editor;
    function createEditor(languageCode)
    {
     if (editor)
      editor.destroy();
     // 替换标签<textarea id="editor"> 用该设置的语言
     editor = CKEDITOR.replace( 'editor1',
      {
       language : languageCode,
       on :
       {
        instanceReady : function()
        {
            var languages = document.getElementByIdx( 'languages' );
         languages.value = this.langCode;
         languages.disabled = false;
        }
       }
      } );
    }
    // 页面第一次加载时,加载默认的语言对应得编辑器
    createEditor( '' );
   //]]>
   </script>
  </p>
 </form>
</body>
</html>

 

 

来自:http://blog.sina.com.cn/s/blog_6145ed810100hcef.html

分享到:
评论

相关推荐

    FCKEditor使用帮助文档

    **FCKEditor使用帮助文档** FCKEditor是一款开源的HTML编辑器,主要用于网站内容管理系统(CMS)和论坛等在线文本编辑场景。它以其强大的功能、易于集成和自定义而受到开发者的广泛欢迎。本帮助文档将详细介绍...

    asp.net文本编辑器FCKeditor使用方法详解

    ASP.NET 文本编辑器 FCKeditor 使用方法详解 FCKeditor 是一个功能强大且流行的 ASP.NET 文本编辑器,提供了许多实用的功能,如格式化文本、插入图片、上传文件、创建表格等。下面将详细介绍如何使用 FCKeditor 在 ...

    fckeditor使用手册

    **FCKeditor 使用手册** FCKeditor 是一款强大的开源富文本编辑器,广泛应用于网站内容管理系统,允许用户在网页上创建、编辑和格式化文本。本文档将详细介绍如何安装、配置、集成和优化 FCKeditor。 ### 安装 ...

    文本编辑器FCKeditor使用方法详解--图文详解

    【FCKeditor使用方法详解】 FCKeditor是一款强大的开源文本编辑器,主要用于在网页中创建和编辑富文本内容。它的功能强大,支持多种语言,并且提供了丰富的API供开发者进行自定义扩展。以下是对FCKeditor使用方法的...

    FCKEDITOR 使用说明

    **FCKEditor 使用详解** FCKEditor是一款曾经非常流行的开源HTML文本编辑器,它使得在网页上创建富文本内容变得更加简单。尽管现在已经被CKEditor所取代,但FCKEditor在许多旧项目中仍然广泛使用,因此理解其工作...

    FCKEditor使用方法

    **FCKEditor使用方法** FCKEditor是一款曾经非常流行的开源HTML文本编辑器,它允许用户在Web页面上创建和编辑富文本内容。FCKeditor以其强大的功能和易用性,被广泛应用于各种网站的后台管理系统中,使得非编程人员...

    FCKeditor使用方法详解

    【FCKeditor 使用方法详解】 FCKeditor 是一个基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好、可视化的文本编辑功能的网站。FCKeditor 具备强大的功能,包括...

    FCKeditor使用方法技术详解.pdf

    ### FCKeditor使用方法技术详解 #### 一、概述 FCKeditor是一款杰出的富文本编辑器,以其直观的操作界面和强大的功能集受到广泛好评。它由JavaScript编写而成,能够轻松地集成到各种Web应用程序中,支持跨浏览器,...

    FCKeditor使用指南(FCKeditor_2.6.3)

    **FCKeditor 使用指南** **一、FCKeditor 简介** FCKeditor 是一个开源的、基于浏览器的富文本编辑器,它允许用户在网页上进行类似于Word的文本编辑操作。FCKeditor 2.6.3是其一个稳定版本,提供了丰富的功能,如...

    FCKeditor使用详解.doc

    FCKeditor 使用详解 FCKeditor 是一个功能强大、支持所见即所得功能的文本编辑器,可以为用户提供微软 Office 软件一样的在线文档编辑服务。它不需要安装任何形式的客户端,兼容绝大多数主流浏览器,支持 ASP.Net、...

    FCKeditor使用与代码

    FCKeditor使用JavaScript编写,支持多种浏览器,包括IE、Firefox、Chrome、Safari等。这款编辑器在Web开发中被广泛应用,特别是在内容管理系统(CMS)和论坛系统中。 **FCKeditor的配置**: FCKeditor的配置主要...

    FCKeditor使用方法技术详解.doc

    ### FCKeditor使用方法技术详解 #### 一、FCKeditor简介 FCKeditor是一款杰出的富文本编辑器,以其强大的功能、易于配置、跨浏览器兼容性、对多种编程语言的支持以及开源特性著称。这款编辑器在互联网上拥有广泛的...

    FCKeditor使用方法详解.doc

    ### FCKeditor使用方法详解 #### 一、引言 FCKeditor,一款基于JavaScript的网页编辑器,因其强大的功能、易配置性、跨浏览器兼容性以及对多种编程语言的支持而备受推崇。作为一款开源软件,FCKeditor不仅在国际上...

    FCKeditor使用方法详解 附:FCKeditor2.66版

    **FCKeditor 使用方法详解** FCKeditor 是一个开源的富文本编辑器,广泛应用于Web应用中,允许用户在浏览器端进行格式化文本编辑。它提供了丰富的文本格式化选项,如字体、字号、颜色、对齐方式等,还支持插入图片...

    FCKeditor 使用指南及 JavaScript 调用

    **FCKeditor 使用指南及 JavaScript 调用** FCKeditor 是一款开源的富文本编辑器,它在Web开发中广泛用于提供用户友好的在线文本编辑功能。通过JavaScript调用,开发者可以轻松地将FCKeditor集成到网页中,允许用户...

    FCKEditor使用指南.rar

    **FCKEditor 使用指南** FCKEditor 是一款广泛应用于网页开发中的开源富文本编辑器,它为用户提供了“所见即所得”的编辑体验,使得...而《FCKEditor使用指南.pdf》这份文档,将是你学习和掌握这个编辑器的宝贵资源。

Global site tag (gtag.js) - Google Analytics