FCKeditor是目前最好的html文本编辑器,如果还不明白的话看了下图就知道了
效果图:
那么为什么说是FCKeditor的冰冷之心呢?这不是哗众取宠,主要是说它使用起来有点麻烦,下文就详细说明如何搞定这玩意儿。
1.FCKeditor的官方网站是:http://www.fckeditor.net/download
目前最新的FCKeditor 2.4.2版本。
请在此页下载:http://sourceforge.net/project/showfiles.php?group_id=75348
如图所示:
要下载FCKeditor2.4.2.zip和 FCKeditor.NET版的2个zip包。
说明:
FCKeditor2.4.2.zip是其最新的Javascript文件和图片什么的;
FCKeditor.NET.zip是ASP.NET调用的DLL在里面。
2.分别解压后把FCKeditor2.4.2.zip里的fckeditor目录整个复制到网站中。
3.解压FCKeditor.NET.zip包后在FCKeditor.Net_2.2\bin\Debug目录里找到FredCK.FCKeditorV2.dll。其他文件没用,把FredCK.FCKeditorV2.dll复制到我们的网站,建立一个Bin目录。
4.引用FredCK.FCKeditorV2.dll。
第一步:
第二步:
5.导入工具箱。
在“工具箱”下右键
点击“选择项”。弹出如图窗口:
点击浏览,找到dll所在目录。
这时发现工具箱里多出FCKeditor控件。
6.拖拽FCKeditor到页面上
7.配置WebConfig
<?xml version="1.0"?>
<!--
注意: 除了手动编辑此文件以外,您还可以使用
Web 管理工具来配置应用程序的设置。可以使用 Visual Studio 中的
“网站”->“Asp.Net 配置”选项。
设置和注释的完整列表在
machine.config.comments 中,该文件通常位于
\Windows\Microsoft.Net\Framework\v2.x\Config 中
-->
<configuration>
<appSettings>
<add key="FCKeditor:BasePath" value="~/fckeditor/"/>
<add key="FCKeditor:UserFilesPath" value="/Files/" />
</appSettings>
<connectionStrings/>
<system.web>
说明:BasePath是fckeditor所在路径,fckeditor由于我们直接放网站目录下这样写就可以,如果您的网站多放几层适当调整即可。
UserFilesPath是所有上传的文件的所在目录。为什么要设置成/Files这样而不是~/Files,因为FCKeditor使用这个值来返回你上传后的文件的相对路径到客户端。否则的话客户访问的时候就会取客户的机器目录而不是http形式的目录。
建议:Files要单独做wwwroot目录下的一个站点比较好,和我们的站点FCKEditor平行。不要把它放FCKEditor里,为什么呢?因为Files是要让客户有写的权限的,如果放FCKEditor下很危险。
8.Files目录要有写的权限。你根据自己网站需求设置那个帐号,本文为方便设置User实际中你可能用ASP.NET帐号更合理。
9.修改fckeditor/fckconfig.js文件
在第182行的位置
var _FileBrowserLanguage= 'asp' ;// asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage= 'asp' ;// asp | aspx | cfm | lasso | php
改为
var _FileBrowserLanguage= 'aspx' ;// asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage= 'aspx' ;// asp | aspx | cfm | lasso | php
10.FCKeditor给其瘦身。以_打头的的都是范例文件或源文件,不过建议小心。
11.下面以上传图片示例说明如何使用,
点击“浏览服务器”。
弹出窗口很容易报错
如果报错XML request error: Internal Server Error(500),很可能就是目录路径不对和写权限没有。
选择图像
最后效果
前台代码:
<%@ Page Language="C#" validateRequest=false AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
<!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 runat="server">
<title>FCKeditor文本编辑器</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<fckeditorv2:fckeditor id="FCKeditor1" runat="server" DefaultLanguage="zh-cn" Height="400px" Width="660px"
></fckeditorv2:fckeditor>
</div>
</form>
</body>
</html>
怎么样获取结果呢?FCKeditor1.Value就是。
12.还有个类似的控件FreeTextBox也很好用,有兴趣可以自己网上找找,比这个好用多了不过感觉没这个好,而且它的最新版似乎收费了。
分享到:
相关推荐
ASP.NET 文本编辑器 FCKeditor 使用方法详解 FCKeditor 是一个功能强大且流行的 ASP.NET 文本编辑器,提供了许多实用的功能,如格式化文本、插入图片、上传文件、创建表格等。下面将详细介绍如何使用 FCKeditor 在 ...
ASP.NET中的FCKeditor是一款强大的富文本编辑器,它允许用户在网页上创建和编辑复杂的HTML内容,类似于桌面的文字处理软件。以下是对FCKeditor在ASP.NET中使用方法的详细说明: 1. 获取FCKeditor资源:首先,你需要...
【FCKeditor使用方法详解】 FCKeditor是一款强大的开源文本编辑器,主要用于在网页中创建和编辑富文本内容。它的功能强大,支持多种语言,并且提供了丰富的API供开发者进行自定义扩展。以下是对FCKeditor使用方法的...
FCKeditor 是一款流行的开源文本编辑器,主要用于Web开发,它提供了所见即所得(WYSIWYG)的编辑体验,使得用户在网页上编辑内容时就像使用桌面文字处理软件一样方便。这款编辑器支持插入图片、Flash动画等多媒体...
本示例工程提供了在ASP.NET平台下使用FCKeditor的完整配置和应用实例,帮助开发者快速理解和应用这款编辑器。 首先,让我们详细了解FCKeditor的核心特点: 1. **跨平台**:FCKeditor支持多种浏览器,包括IE、Fire...
《.NET FCK文本编辑器详解与应用》 在Web开发领域,富文本编辑器是不可或缺的工具之一,它允许用户在网页上进行类似于Word的文本编辑操作。FCKeditor(现已更名为CKEditor)就是这样一个知名的开源富文本编辑器,...
Fckeditor是一款功能强大且易用的在线富文本编辑器,它支持多种编程语言,包括ASP.NET。本文将详细介绍如何在ASP.NET环境中配置并使用Fckeditor 2.6.3版本。 #### 二、下载与安装 1. **下载Fckeditor**: - 访问...
**FCKeditor使用方法详解** FCKeditor是一款开源的、基于Web的富文本编辑器,广泛应用于网页内容编辑,使得用户可以在浏览器端进行类似于Word的文本编辑操作。它支持多种浏览器,包括Internet Explorer、Firefox、...
FCKeditor 是一个基于JavaScript的开源富文本编辑器,它在Web开发领域中被广泛使用,尤其适用于那些需要提供用户友好、可视化的文本编辑功能的网站。FCKeditor 具备强大的功能,包括字体样式调整、图像处理、链接...
这个压缩包“fckeditor文本编辑器详解.rar”包含了关于该编辑器的详细资料,包括其工作原理、使用方法和一些常见的开发问题。 1. **基本介绍** fckeditor是一个JavaScript组件,它通过AJAX技术与服务器进行交互,...
本主题将深入探讨FCKeditor的两个版本——FCKeditor.Net_2.6.4.zip和FCKeditor_2.6.6.zip,以及在ASP.NET环境下如何有效地使用文本编辑器。 FCKeditor是一款开源的JavaScript富文本编辑器,它为网页提供了类似Word...
Fckeditor是一款开源的网页文本编辑器,它为ASP.NET开发者提供了一种强大的富文本编辑解决方案。Fckeditor能够帮助用户在网页上创建和编辑内容,具有丰富的格式化选项,如字体、颜色、对齐方式、插入图片、链接等,...
FCKeditor 2.5是该编辑器的一个重要版本,专为ASP.NET 2.0平台进行了优化和适配,提供了一种在Web应用中实现复杂文本格式化和编辑的强大工具。 1. **FCKeditor概述** - FCKeditor是一个JavaScript库,通过在网页中...
**FCKeditor文本编辑器详解** FCKeditor是一款开源的Web富文本编辑器,它为网站开发者提供了一种在网页上实现类似桌面文字处理软件的编辑体验。FCKeditor最初由Felipe Corte-Real创建,后发展成为一款广泛使用的...
- 这个选项提供了一个ASP.NET控件DLL文件,但不包含FCKeditor的编辑器内核。因此还需要下载第一种方式中的文件包。 #### 三、具体操作步骤 ##### 1. 准备工作 - **下载FCKeditor文件包** (FCKeditor_2.2.zip) 和 ...
**FCKeditor 2.6.4在ASP.NET中的安装与配置详解** FCKeditor是一款功能强大的开源HTML编辑器,广泛应用于网站内容管理系统(CMS)和论坛等需要用户输入富文本的场景。在ASP.NET环境中集成FCKeditor,可以提供用户...