zoukankan      html  css  js  c++  java
  • 最新版FreeTextBox(版本3.1.6)在ASP.Net 2.0中使用简介

    http://www.cnblogs.com/kflwz/articles/1337310.html
     
    1。下载最新版FreeTextBox(版本3.1.6),解压   FreeTextBox 3.1.6 (2006/07/18)
      本地下载: http://www.51aspx.com/CV/OGOWR0LUYU096/
      作者网站下载地址:http://freetextbox.com/download/   
      详细版本有哪些改进和修改历史可以看这里:
      http://freetextbox.com/download/changelog.aspxFreeTextBox 3.1.6 (2006/07/18)
      * BUG: Firefox postback problems (due to IE specific code)
      * CHANGE: createlink now requires text to be selected    * BUG: FontSizesMenuList now functions correctly    * BUG: IE users would see the tag path of the entire document    * BUG: WordClean fix for <b> tags    * BUG: bug in FF vs. IE DOM handling of extra tag   Free版本的收费版本的区别可以看这里:http://freetextbox.com/features/
      2。打开ASP.Net2.0项目,添加引用。(如果添加过以前版本的FreeTextBox,先删除以前版本的引用)
      2.1。拷贝ftb.imagegallery.aspx到你要使用FreeTextBox的目录(当然可以是其他,但是可能要设置路径)
      3。将FreeTextBox添加到工具栏。(工具栏〉常规〉选择项〉浏览到DLL文件,添加)
      4。可以将工具栏上的控件拖入到你的页面了
      
    <FTB:FreeTextBox ID="Free1"
      ImageGalleryPath="~/ImageAdmin"
    runat="server" Text=`<%# Bind("Contents") %>`
    ButtonDownImage="True"
    ToolbarLayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu
      Bold,Italic,Underline,Strikethrough;Superscript,Subscript,RemoveFormat
      JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage,InsertImageFromGallery,InsertRule
      Cut,Copy,Paste;Undo,Redo,Print">
    </FTB:FreeTextBox>
      4.1。修改ImageGalleryPath属性为你图片的放置目录。
      5。Q&A5.1。Q:怎么不能新建目录,上传文件等?
      A:修改ftb.imagegallery.aspx页面可以做到
    <FTB:ImageGallery id="ImageGallery1"
    SupportFolder="~/aspnet_client/FreeTextBox/" AllowImageDelete="true" AllowImageUpload="true"
    AllowDirectoryCreate="true" AllowDirectoryDelete="true" runat="Server" />
      修改AllowImageDelete等属性5.2。Q:怎么没有看到“从图片库插入图片”这个图标?
      A:修改<FTB:FreeTextBox />的ToolbarLayout属性,添加一个InsertImageFromGallery,上面代码的例子就是已经添加好的。
      5.3。Q:按钮怎么是英文提示?
      A:<FTB:FreeTextBox />有个属性叫做Language,把默认的en-US改称zh-CN吧,就是中文简体了,听说这个版本带了25种语言呢。
    ==========================================================

    FreeTextBox使用详解 (3.1.1版本使用)

    Author: Annerose     Date:12/16/2005

    版本: FreeTextBox 3.1.1  ASP.NET1.1

    1.下载 FreeTextBox 3.1.1 (released 2005/11/08) 

    http://www.freetextbox.com/downloads.aspx

    2. 安装

    FreeTextBox 3.0以上版本均支持内部模式,即图片资源和javascript都集成在dll中, 本文仅探讨内部模式(Internal Resources).

    1) 把FTBv3-1-1Framework-1.1FreetextBox.dll拷入bin目录.

    2) 在项目中添加FreetextBox.dll的dll引用

    3) Web.config加入如下代码

    1<?xml version="1.0" encoding="utf-8" ?>
    2  <configuration>
    3   <system.web>
    4    <httpHandlers>
    5     <add verb="GET" path="FtbWebResource.axd" type="FreeTextBoxControls.AssemblyResourceHandler, FreeTextBox" />
    6    </httpHandlers>
    7   <system.web>
    8 <configuration>


    3. 使用FreeTextBox

    1) aspx页面顶上

    <%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>


    2) 调用

    <FTB:FreeTextBox id="FreeTextBox1" runat="Server" />

    3)工具栏皮肤

    ToolbarStyleConfiguration = Offoce2003/OfficeXP/Office2000/MAC


    4) 得到保存编辑的内容

     1 private void InitializeComponent()
     2 
    {    
     3     //    指向同一个委托

     4     this.FreeTextBox1.SaveClick += new System.EventHandler this.FreeTextBox1_SaveClick);
     5     this.Button1.Click += new System.EventHandler(this
    .FreeTextBox1_SaveClick);
     6 
    }
     7 

     8 private void FreeTextBox1_SaveClick(object sender, System.EventArgs e)
     9 
    {
    10     divshow.InnerHtml =
     FreeTextBox1.Text;
    11 }

    5) 客户端中检测到有潜在危险的 Request.Form 值

    <%@ Page language="c#"  ValidateRequest="false"%>


    4 图片上传


    1) 工具栏上添加ImageGallery按钮.

    <FTB:FreeTextBox ..ToolbarLayout=" ..,InsertImageFromGallery,.. />

    2) 拷贝 "ftb.imagegallery.aspx" 文件到同一目录下 

    http://wiki.freetextbox.com/default.aspx/FreeTextBoxWiki.ImageGallery

    3) FreeTextBox 属性设置

    ImageGalleryPath = "~/image/upload"  上传默认路径
    ImageGalleryUrl = "ftb.imagegallery.aspx?rif={0}&cif={0}"  ftb.imagegallery.aspx的目录, 只能用相对目录,不可以用"~"

    4) ImageGallery 的设置
    ftb.imagegallery.aspx文件里

    <FTB:ImageGallery id="ImageGallery1"
    JavaScriptLocation="InternalResource" UtilityImagesLocation="InternalResource"
    SupportFolder="~/aspnet_client/FreeTextBox/"
    AllowImageDelete=true
    AllowImageUpload=true 
    AllowDirectoryCreate=false 
    AllowDirectoryDelete=false 
    runat="Server" />

    AllowDirectoryCreate - 能否建立文件夹
    AllowDirectoryDelete - 能否删除文件夹
    AllowImageUpload - 能否上传图片
    AllowImageDelete - 能否删除图片
    AcceptedFileTypes - 可以上传文件扩展名的数组(array)

    为开发者提供的2个属性

    CurrentDirectories - a string[] array of directories to allow the user to navigate toward 
    CurrentImages - a FileInfo[] array of files the user should be able to insert.

    建议: 删掉Page_Load事件可以显著回避上传图片不能即时显示的问题. 不要重写Page_Load

    =========================================================

    Freetextbox是一个免费的.net msHTML 编辑器。
    这里所用的是免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。
    获得的地址。http://www.51aspx.com/CV/M67HNQANDQU37下载之后仔细看看其中的说明,你就可以使用这个完美的编辑器。
    其中示例是在内联代码方式下,如果在代码后置下使用Freetextbox 呢。
    1、首先我们把 FreeTextBox.dll 文件copy到我们的项目中的bin目录里。
    然后在我们的项目里添加新的引用,在添加引用对话框选择项目标签,浏览/选择你的FreeTextBox.dll/打开/确定。应用就添加完成了。

    2、如何获得FreeTextBox.dll 中所使用到的名字空间,本中文版本1.6.3 有3个名字空间。

    using FreeTextBoxControls;
    using FreeTextBoxControls.Design;
    using FreeTextBoxControls.Common;


    可以在引用的FreeTextBox.dll 查看对象浏览。
    点开树型目录就可以清晰的看到,上面所说的名字空间了。
    其他的版本类似可以获得。

    3、在ASPx文件添加freetextbox
    <%@ Register TagPrefix="ftb" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
    具体的方法和内联一样的。
    同时cs文件中会有如下代码:

    protected FreeTextBoxControls.FreeTextBox FreeTextBox1;产生
    添加完后,运行一下就可以看到结果了。
    在设计模式下我们还可以查看FreeTextBox 属性。
    4、如何把FreeTextBox 内容写到数据库,我们在ASPx文件中添加一个bottom
    其的onclick=“my_add"
    cs文件

    protected void my_add(object sender, System.EventArgs e)
     {
     // 在此处放置用户代码以初始化页面
     Response.Write(FreeTextBox1.Text);
     }

    此处是输出内容,可以改成我们需要方法。

    例子:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="FreeTextBox.aspx.cs" Inherits="FreeTextBox" %>
    <%@ Register ValidateRequest="false" TagPrefix="ftb" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
    <!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>无标题页</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <FTB:FreeTextBox id="FreeTextBox1" runat="server" ButtonPath="http://localhost:2131/nettest/images/ftb/office2003/"/>
    </div>
    </form>
    </body>
    </html>

    说明:这里的ButtonPath如果没有设置好可能出现很多图片无法显示的情况!ValidateRequest="false"也是必须的,要不页面不允许传输带有HTML标记的参数!

  • 相关阅读:
    Intellij IDEA + Jrebel
    WebConfig配置详解大全
    .Net 获取前端传递的数据
    js 格式验证大全
    EasyUI DataGrid 时间格式化、字符串长度截取
    SQL取某个字符串最后一次出现的位置后面的字符串方法
    公民身份号码校验码算法(C#版)
    组织机构代码校验码生成算法(C#版)
    MySQL实现根据当前ID读取上一条和下一条记录
    js jquery.pagination.js分页
  • 原文地址:https://www.cnblogs.com/jingzhishen/p/3952492.html
Copyright © 2011-2022 走看看