两个文本编辑器fckediter、 TinyMCE

昨天群里一个朋友需要文本编辑功能，就给了他fckediter，还有一个编辑器也是很好的：TinyMCE，我觉得要比fckediter强大，下面来总结一下这两个编辑器的用法：

fckediter：

效果图：

 

用法：

首先去网上下载fckediter，然后按着这四步来：

1.复制fckeditor到网站跟目录下

2.复制FredCK.FCKeditorV2.dll到Bin目录下，再添加引用

3.配Web.config和fckconfig.js

  (1)AppSettings中添加

<appSettings >

    <add key="FCKeditor:BasePath" value="~/fckeditor/"/>

    <add key="FCKeditor:UserFilesPath" value="/Website1/UploadFiles/"/>

  </appSettings>

  (2)在fckconfig.js中找到FCKConfig.DefaultLanguage＝en，修改为zh-cn。接着设置你所使用的语言

var _FileBrowserLanguage    ='asp' ;   // asp | aspx | cfm | lasso | perl | php | py

var _QuickUploadLanguage    ='asp' ;   // asp | aspx | cfm | lasso | perl | php | py

4.使用

<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2"%>

<FCKeditorV2:FCKeditor id="OnLinkEditor" runat ="server"></FCKeditorV2:FCKeditor>

 TinyMCE：

首先看一下TinyMCE的效果图(这个只是一个简版的，可以自定义的)：

 

用法：

TinyMCE有自己的网站，先去官网下载文件，使用步骤也是很简单的：

1：在页面引用tiny_mce.js文件

<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>

2：在页面注册tinyMCE.init

<script type="text/javascript">

        tinyMCE.init

    (

    {

        mode: "textareas",

        theme: "advanced"

    }

    );

  

    </script>

3:最后使用就可以了：

<textarea name="content" style="width:100%">

TinyMCE