zoukankan      html  css  js  c++  java
  • asp.net文本编辑器FCKeditor使用方法详解

    效果图:

    那么为什么说是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>

  • 相关阅读:
    形象理解ERP(转)
    禁用windows server 2008 域密码复杂性要求策略
    How to adding find,filter,remove filter on display method Form
    Windows Server 2008 R2激活工具
    How to using bat command running VS development SSRS report
    Creating Your First Mac AppGetting Started
    Creating Your First Mac AppAdding a Track Object 添加一个 Track 对象
    Creating Your First Mac AppImplementing Action Methods 实现动作方法
    Creating Your First Mac AppReviewing the Code 审查代码
    Creating Your First Mac AppConfiguring the window 设置窗口
  • 原文地址:https://www.cnblogs.com/newsouls/p/2705541.html
Copyright © 2011-2022 走看看