FREETEXTBOX的应用

最新推荐文章于 2024-11-18 13:22:05 发布
原创 最新推荐文章于 2024-11-18 13:22:05 发布 · 543 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#文本编辑 #delete #服务器 #框架 #c# #工具

用C#写网站后台时的记录


    FreeTextBox是一款开源的网页文本编辑器，这一款所见即所得的编辑器在

文章编辑时可以方便用户使用，其中的插入表格和图片功能也很方便使用。

这次使用的版本为FTBv3-3-1，在测试页上实现其功能。

第一步、将压缩文件解压如图所示

在项目中添加BIN文件夹，讲对应的Franmwork版本的框架中的DDL文件加入项目。

第二步、将压缩文件内的aspnet_client文件夹加入项目中，其内容为该控件的所有样式和外观图片。

第三步、在网页处加入下面代码

<@% Page ValidateRequest="false" %>

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

第四步、在需要使用FREETEXTBOX的地方使用下面代码

<FTB:FreeTextBox ID="TextBox" runat="Server" 

           ButtonDownImage="True"

           ImageGalleryPath="~/images"

           Language="zh-CN"

toolbarlayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu,FontForeColorPicker,FontBackColorsMenu,FontBackColorPicker|Bold,Italic,Underline,Strikethrough,Superscript,Subscript,RemoveFormat|JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage|Cut,Copy,Paste,Delete;Undo,Redo,Print,Save|SymbolsMenu,StylesMenu,InsertHtmlMenu|InsertRule,InsertDate,InsertTime|InsertTable,EditTable;InsertTableRowAfter,InsertTableRowBefore,DeleteTableRow;InsertTableColumnAfter,InsertTableColumnBefore,DeleteTableColumn|InsertForm,InsertTextBox,InsertTextArea,InsertRadioButton,InsertCheckBox,InsertDropDownList,InsertButton|InsertDiv,EditStyle,InsertImageFromGallery,Preview,SelectAll,WordClean,NetSpell" ImageGalleryUrl="ftb.imagegallery.aspx?rif={0}&cif={0}">

</FTB:FreeTextBox>

说明：其中的Toolbarlayout属性为该控件可选择的功能按钮，纤细功能如下

*********************************************

Customizing FreeTextBox

*********************************************

FreeTextBox has as default set of buttons and dropdownlists in its toolbars. If you

would like to customize the buttons, there are three methods you can use.

1. ToolbarLayout String

This property accepts a string of ToolbarItem names. Use commas ( , ) to separate items. A pipe ( | ) will insert a ToolbarSeparator and a semicolon ( ; ) will start a new Toolbar.

The default way to configure toolbars is to use use the propery ToolbarLayout

 <@% Page ValidateRequest="false" %>

 <html>

 <body>

   <form runat="server">

     <FTB:FreeTextBox id="FreeTextBox1"

       ToolbarLayout="paragraphmenu,fontsizesmenu;bold,italic,underline|

        bulletedlist,numberedlist"

       runat="Server" />

   </form>

 </body>

 </html>

Valid values for ToolbarButtons and ToolbarDropDownLists are

 ParagraphMenu, FontFacesMenu, FontSizesMenu, FontForeColorsMenu, 

 FontForeColorPicker, FontBackColorsMenu, FontBackColorPicker, Bold, Italic, Underline,

 Strikethrough, Superscript, Subscript, InsertImageFromGallery, CreateLink, Unlink, 

 RemoveFormat, JustifyLeft, JustifyRight, JustifyCenter, JustifyFull, BulletedList, 

 NumberedList, Indent, Outdent, Cut, Copy, Paste, Delete, Undo, Redo, Print, Save, 

 ieSpellCheck, StyleMenu, SymbolsMenu, InsertHtmlMenu, InsertRule, InsertDate, 

 InsertTime, WordClean, InsertImage, InsertTable, EditTable, InsertTableRowBefore, 

 InsertTableRowAfter, DeleteTableRow, InsertTableColumnBefore, InsertTableColumnAfter, 

 DeleteTableColumn, InsertForm, InsertForm, InsertTextBox, InsertTextArea, 

 InsertRadioButton, InsertCheckBox, InsertDropDownList, InsertButton, InsertDiv, 

 InsertImageFromGallery, Preview, SelectAll, EditStyle

The following values are only available in Pro versions of FreeTextBox (or if running on localhost)

 FontForeColorPicker, FontBackColorPicker, EditTable

 InsertTableRowAfter, DeleteTableRow, InsertTableColumnBefore, InsertTableColumnAfter, 

 DeleteTableColumn, InsertForm, InsertForm, InsertTextBox, InsertTextArea, 

 InsertRadioButton, InsertCheckBox, InsertDropDownList, InsertButton, InsertDiv, 

 Preview, SelectAll, EditStyle, WordClean

现在就可以看到大致的页面效果了，讲该控件设置成服务器控件，通过ID就可以操控其中的数据。

第五步、加入上传和添加图片功能

该功能的添加比较复杂，是通过另外一个ASPX页面实现的。

将压缩文件中的ftb.imagegallery.aspx加入项目，并且与需要调用的页面放在同一个目录下。

   在项目中创建一个文件夹存放上传的图片，建议在根文件夹中创建，方便使用。

修改ftb.imagegallery.aspx文件

<FTB:ImageGallery id="ImageGallery1" 

   JavaScriptLocation="ExternalFile" 

   UtilityImagesLocation="ExternalFile" 

   AllowImageDelete="true" 

   AllowImageUpload="true"

   SupportFolder="~/aspnet_client/FreeTextBox/"

   AllowDirectoryCreate="false" 

   AllowDirectoryDelete="false" runat="Server" />

在控件的属性出设置

ImageGalleryUrl为ftb.imagegallery.aspx?rif={0}&cif={0}

ImageGalleryPath为存放上传图片的文件夹地址

现在可以使用上传图片的功能了，但是我们发现上传图片的对话框在插入图片后并没有关闭，这个可以通过修改该控件的JS文件实现。

在FTB-ImageGallery.js中找到FTB_InsertImage函数，在最后加上this.window.close()

现在控件可以使用了。

官方说明

*********************************************

Using FreeTextBox

*********************************************

To add FreeTextBox to an ASP.NET page, do the following:

1. Add the following lines to the top of your page:

   <@% Page ValidateRequest="false" %>

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

2. Add the following code between <form runat="server"> tags:

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

Here's a complete example

   <@% Page ValidateRequest="false" %>

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

   <!DOCTYPE html>

   <html>

   <head>

     <title>FreeTextBox Test</title>

   </head>

   <body>

     <form runat="server">

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

     </form>

   </body>

   </html>

工具栏的应用：

Procedurally

You can define which toolbar items appear by adding ToolbarItems in much the same way that one would add DataGrid Columns to a DataGrid. In order to do this, set AutoGenerateToolbarLayoutFromString=false:

 <html>

 <body>

    <form runat="server">

        <FTB:FreeTextBox id="FreeTextBox1" AutoGenerateToolbarsFromString="false" runat="server" >

            <Toolbars>

                <FTB:Toolbar runat="server">

                    <FTB:ParagraphMenu runat="server" />

                    <FTB:FontSizesMenu runat="server" />

                </FTB:Toolbar>

                <FTB:Toolbar runat="server">

                    <FTB:Bold runat="server" />

                    <FTB:Italic runat="server" />

                    <FTB:Underline runat="server" />

                    <FTB:ToolbarSeparator runat="server" />

                    <FTB:BulletedList runat="server" />

                    <FTB:NumberedList runat="server" />

                </FTB:Toolbar>

                <FTB:Toolbar runat="server">

                    <FTB:InsertHtmlMenu runat="server">

                        <Items>

                            <FTB:ToolbarListItem Text="Cool1" Value="<b>lalala</b>" runat="server" />

                            <FTB:ToolbarListItem Text="Cool2" Value="<i>lalala</i>" runat="server" />

                            <FTB:ToolbarListItem Text="Cool3" Value="<u>lalala</u>" runat="server" />

                        </Items>

                    </FTB:InsertHtmlMenu>

                    <FTB:StyleMenu runat="server">

                        <Items>

                            <FTB:ToolbarListItem Text="Highlighed" Value="<b>Highlighed</b>" runat="server" />

                            <FTB:ToolbarListItem Text="SmallCaps" Value="<i>smallcaps</i>" runat="server" />

                        </Items>

                    </FTB:StyleMenu>

                </FTB:Toolbar>

            </Toolbars>

        </FTB:FreeTextBox>

    </form>

 </body>

 </html>

3. Code (Page_Load or Code Behind)

ToolbarButtons and ToolbarDropDownLists can also be set through code. You should set the property AutoGenerateToolbarsFromString to false if you want only the ToolbarItems you define.

 <script runat="server">

 void Page_Load(object Src, EventArgs E) {

    Toolbar toolbar1 = new Toolbar();

    toolbar1.Items.Add(new ParagraphMenu());

    toolbar1.Items.Add(new FontSizesMenu());

    FreeTextBox1.Toolbars.Add(toolbar1);

    Toolbar toolbar2 = new Toolbar();

    toolbar2.Items.Add(new Bold());

    toolbar2.Items.Add(new Italic());

    toolbar2.Items.Add(new Underline());

    toolbar2.Items.Add(new ToolbarSeparator());

    toolbar2.Items.Add(new BulletedList());

    toolbar2.Items.Add(new NumberedList());

    FreeTextBox1.Toolbars.Add(toolbar2);

    Toolbar toolbar3 = new Toolbar();

    StyleMenu styleMenu = new StyleMenu();

    styleMenu.Items.Add(new ToolbarListItem("Highlight","Highlight"));

    styleMenu.Items.Add(new ToolbarListItem("SmallCaps","smallcaps"));

    toolbar3.Items.Add(styleMenu);

    FreeTextBox1.Toolbars.Add(toolbar3);

 }

 </script>

 <html>

 <body>

    <form runat="server">

        <FTB:FreeTextBox id="FreeTextBox1" AutoGenerateToolbarsFromString="false" runat="server" />

    </form>

 </body>

 </html>


freetextbox
05-06
c#基础学习
FreeTextBox
04-17
FreeTextBox编辑器全套。包括DLL文件与aspnet_client文件夹，一些DLL无法显示的问题可以设置FreeTextBox控件的SupportFolder属性指向"~/aspnet_client/FreeTextBox"文件夹即可解决问题。
Freetextbox的使用
Cendy.Chen的专栏
09-12 1871
Freetextbox是一个免费的.net mshtml 编辑器。我所用的免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。获得的地址。http://www.percyboy.com/w/ftb/下载之后仔细看看其中的说明，你就可以使用这个完美的编辑器。其中示例是在内联代码方式下，如果在代码后置下使用Freetextbox 呢。1、首先我们把 FreeTextBo
在线编辑器源码解析与FCKEditor及FreeTextBox应用
在线编辑器广泛应用于各种网站，尤其是内容管理系统（CMS）、论坛、博客平台、 Wiki 网站以及任何需要远程内容编辑功能的应用程序。 描述中提到的“FCKEditorSample, FreeTextBoxSample, SimpleEditor”是几个不同...
FreetextBox在线文本编辑简单应用
08-14
**FreetextBox在线文本编辑简单应用** 在Web开发中，文本编辑器是不可或缺的一部分，它们为用户提供了在网页上创建、...在提供的压缩包文件“FreetextBox应用”中，包含了使用示例和详细文档，供学习者参考和实践。
FreeTextBox-3.3.1
06-18
**FreeTextBox-3.3.1** 是一个曾经流行的文本编辑器控件，主要用于ASP.NET应用程序，它提供了丰富的文本编辑功能，让用户可以在网页上进行类似于桌面文字处理软件的文本编辑体验。尽管FreeTextBox目前已经不再进行...
freeTextBox
01-08
这个是 freeTextBox.dll的压缩包完整版，版本号是3.2.2.40667.当然，除了freeTextBox.dll文件之外，还包含有System.Web.Extensions.Design.dll， System.Web.Extensions.dll等等
FreeTextBox使用方法及相关资料
11-27
FreeTextBox 是一个基于 Internet Explorer 中 MSHTML 技术的 ASP.NET 开源服务器控件。这是一款优秀的自由软件（Free Software），我们可以轻松地将其嵌入到 Web Forms 中实现 HTML 内容的在线编辑，在新闻发布、博客写作、论坛社区等多种 Web 系统中都会有用途。
用FreeTextBox 3.2.4 ToolbarLayout
iteye_16256的博客
08-10 184
下面有个自己写的demo 一,     安装 1) 把FTBv3-1-1\Framework-1.1\FreetextBox.dll拷入bin目录 根据你的开发环境添加,有1.0,1.1和2.0得3种 2) 在项目中添加FreetextBox.dll的dll引用 &lt;%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControl...
【ASP.Net】FreeTextBox
刘亚男
06-09 330
FreeTextBox 下载FreeTextBox插件，下载链接：http://freetextbox.com/（可以选择你想要的版本进行下载） 在工具箱处右击->选择项（最开始进入的时候会有些慢） 找到上边下载的插件找到要是用的.dll文件（这里使用的是Framework-4-0） 在工具栏中就可以看到FreeTextBox，就可以进行使用了 注意： 当使用FreeTextB...
在线文本编辑器(一)—FreeTextBox
weixin_30834019的博客
05-05 267
FreeTextBox是最常见的在线文本编辑器了，有诸多好处。 从官方网站http://freetextbox.com/上下载最新的版本，目前来讲最新的版本是4.0 Beta1，是Beta版，我下载了3.2.2版。 下载解压缩之后，内容如下： 介绍一下： aspnet_client--存储的是FreeTextBox所用的各个风格的图片、css文件、JavaScript文件...
FreeTextBox使用
09-13 205
无意中看到freetextbox，一款免费的asp.net网页编辑器，可以设置文字样式、在线排版、图片上传等（FreeTextBox源码需要单独购买授权），该代码包括了各类应用的演示和实现过程。包括：功能设置、下拉显示、多语言切换、JS调用、WebParts应用、Ajax无刷新交互，后台新闻编辑等比较有用。FreeTextBox 3.0以上版本均支持内部模式,即图片资源和javascri...
FreeTextBox介绍
weixin_30487201的博客
03-13 291
FreeTextBox 2008-08-28 15:03 Freetextbox是个免费的.net mshtml 编辑器。我所用的免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。获得的地址。http://www.percyboy.com/w/ftb/下载之后仔细看看其中的说明，您就能够使用这个完美的编辑器。其中示例是在内联代码方式下，假如...
【牛腩】FreeTextBox
凤凰涅槃
08-16 482
1. 输入FreeTextBox —— 找到Download，在这里我想说一下自己在这里掉到坑里了，随着感觉自己选择 Download Source,可是问题来了，找不到examples,于是自己将原来下载的删除掉，重新下载 Download Control.
FreeTextBox：.NET富文本编辑器的深入探索
最新发布
weixin_32673065的博客
11-18 1135
本文还有配套的精品资源，点击获取 简介：FreeTextBox是一个为.NET Framework设计的文本编辑器控件，提供了文本格式化、颜色选择和文件上传的集成功能。它简化了富文本内容的创建和编辑，并通过颜色选色器和上传组件提升了用户体验和内容创作效率。同时，针对FreeTextBox的第三方扩展工具如"poaporweather.rar"和"CheckColor.rar...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值