FreeTextBox使用方法

很久就听说FreeTextBox不错,就下载了来用了下,发现网上介绍的文档少的可怜。在参考了前人的文档以后写点详细的文档出来,废话少说,到 http://www.freetextbox.com/网站上,都是英文,没事,不用管它,点Download,里面有个
  • Download Control (3.1.6) (zip)

    点击就可以了,下完以后是个压缩文件,解压开来,有这几个主要文件:

    aspnet_client          FreeTextBox的外观文件,直接拷贝到你的工程的目录下就可以了。

    Docs                        文档嘛,就是说明文档,只有一个帮助文件

    examples              这是人家官方调试好的例子

    Framework-2.0     适合.net freameork2.0使用的dll(命名空间)

    Framework-1.0     适合.net freameork1.1使用的dll(命名空间)

    Framework-1.0     适合.net freameork1.0使用的dll(命名空间)

     只要把Framework-2.0/Framework-1.1/Framework-1.0三个中适合你用的那个dll拷贝到你工程下的bin目录下,将

    aspnet_client 拷贝到工程下,然后你可以随便的调试任何一个例子都很容易通过的。我只调试了一个,其他的也没

    有什么问题的,有问题的发邮件给我吧xingyaocc@163.com

    哦还有命名空间是FreeTextBoxControls

  • 下面的是我调试的一个例子,大家可以参考下。为了方面,把代码和HTML写到一起了。     //ToolbarStyleConfiguration="officeMAC"              是我为了方便,而没有删除,如果不删除,就会有相应的风格出现,在aspnet_client 有的,大家如果不需要那么多风格也可以删除掉对应的文件夹以节省空间。

  • <%@ Page Language="C#" ValidateRequest=false %>
    <%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
    <%@Import Namespace="System.Data" %>
    <%@Import Namespace="System.Data.OleDb" %>

  • <script runat="server">

  • protected void Page_Load(Object Src, EventArgs E) 
    {
     if (!IsPostBack)
        {
      FreeTextBox1.Text = "";
     }
    }

  • protected void SaveButton_Click(Object Src, EventArgs E)
    {
        FreeTextBox1.ImageGalleryPath = "images";
     Output.Text = FreeTextBox1.Text;
        
       

  •     string MyConnString="Provider=Microsoft.Jet.OleDb.4.0;Data Source="+Server.MapPath(".")+".//data//db1.mdb;";
     OleDbConnection MyConn=new OleDbConnection(MyConnString);
     MyConn.Open();
        OleDbCommand myCmd = new OleDbCommand("insert into db1(content) values('" + FreeTextBox1.Text + "')", MyConn);
        myCmd.ExecuteNonQuery();
        MyConn.Close();
    }


  • </script>
    <html>
    <head>
     <title>Default Setup</title>
    </head>
    <body>

  •     <form id="Form1" runat="server">
         
         <h2>Default Example</h2>
         
         <div>
         //ToolbarStyleConfiguration="officeMAC"              
       <FTB:FreeTextBox id="FreeTextBox1" Focus="true"
                SupportFolder="~/aspnet_client/FreeTextBox/"
                JavaScriptLocation="ExternalFile" 
                ButtonImagesLocation="ExternalFile"
                ToolbarImagesLocation="ExternalFile"
             
                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"
                runat="Server"
                GutterBackColor=""
                DesignModeCss="designmode.css"    
        OnSaveClick="SaveButton_Click" 
        runat="Server" Text="<b>asdfds</b>" Width="600px" />
       <asp:Button id="SaveButton" Text="Save" οnclick="SaveButton_Click" runat="server" />
      </div>
      
      <div>
       <asp:Literal id="Output" runat="server" />
      </div>
     </form>
    </body>
    </html>

转载于:https://www.cnblogs.com/niaowo/archive/2013/01/06/2847346.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将 HTML 中的 FreeTextbox 和文本框转换成 PDF,可以使用 iText 这个开源的 Java PDF 库。 首先,需要将 HTML 字符串转换成 PDF 文档对象。iText 提供了 `HtmlConverter.convertToPdf()` 方法可以实现这个功能,示例如下: ```java // 假设 html 为包含 FreeTextbox 和文本框的 HTML 字符串 ByteArrayOutputStream pdf = new ByteArrayOutputStream(); PdfDocument pdfDoc = new PdfDocument(new PdfWriter(pdf)); ConverterProperties props = new ConverterProperties(); HtmlConverter.convertToPdf(html, pdfDoc, props); ``` 这段代码HTML 字符串转换成 PDF 文档对象,并将结果输出到 `ByteArrayOutputStream` 中,可以通过 `pdf.toByteArray()` 获取转换后的 PDF 字节数组。 接下来,需要将 PDF 文档对象中的文本框和图片元素替换成 iText 中的对应元素。iText 提供了 `PdfAcroForm` 类和 `Image` 类分别表示 PDF 中的表单和图片,可以通过 `pdfDoc.getAcroForm()` 获取 PDF 文档的表单对象,然后使用 `PdfAcroForm.addField()` 方法添加文本框,使用 `Image.getInstance()` 方法添加图片,示例如下: ```java // 获取表单对象 PdfAcroForm form = PdfAcroForm.getAcroForm(pdfDoc, true); // 替换 FreeTextbox 中的文本框 Elements textboxes = doc.select("div.FreeTextbox input[type=text]"); for (Element textbox : textboxes) { String name = textbox.attr("name"); float left = Float.parseFloat(textbox.attr("data-left")); float top = Float.parseFloat(textbox.attr("data-top")); float width = Float.parseFloat(textbox.attr("data-width")); float height = Float.parseFloat(textbox.attr("data-height")); PdfTextFormField field = PdfFormField.createText(pdfDoc, new Rectangle(left, top, width, height), name, ""); form.addField(field); } // 替换 FreeTextbox 中的图片 Elements imgs = doc.select("div.FreeTextbox img"); for (Element img : imgs) { String src = img.attr("src"); float left = Float.parseFloat(img.attr("data-left")); float top = Float.parseFloat(img.attr("data-top")); float width = Float.parseFloat(img.attr("data-width")); float height = Float.parseFloat(img.attr("data-height")); Image image = Image.getInstance(new URL(src)); image.setAbsolutePosition(left, top); image.scaleToFit(width, height); pdfDoc.addNewPage().add(image); } ``` 这段代码中,`doc.select("div.FreeTextbox input[type=text]")` 通过 CSS 选择器查找所有 `<div>` 元素中 class 属性为 `FreeTextbox` 的子元素中的输入框元素,然后遍历所有输入框元素,通过 `PdfFormField.createText()` 方法创建对应的 PDF 文本框,将其添加到 PDF 表单对象中。 `doc.select("div.FreeTextbox img")` 通过 CSS 选择器查找所有 `<div>` 元素中 class 属性为 `FreeTextbox` 的子元素中的图片元素,然后遍历所有图片元素,通过 `Image.getInstance()` 方法创建对应的 iText 图片对象,并设置其位置和大小,将其添加到新建的 PDF 页面中。 最后,需要关闭 PDF 文档对象并输出结果: ```java pdfDoc.close(); response.setContentType("application/pdf"); response.setHeader("Content-Disposition", "attachment; filename=test.pdf"); response.setContentLength(pdf.size()); ServletOutputStream out = response.getOutputStream(); out.write(pdf.toByteArray()); out.flush(); ``` 这段代码中,通过 `pdfDoc.close()` 方法关闭 PDF 文档对象,然后将 PDF 内容写入 HTTP 响应输出流中,浏览器会自动下载名为 `test.pdf` 的 PDF 文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值