FreeTextBox的问题终于解决了



FreeTextBox的问题终于解决了
 这两天,FreeTextBox的问题一直困扰着我。这个问题在以前的文章中我已简单描述过。也就是在回复页面, 如果我用FreeTextBox代替TextBox,提交时却不能得到FreeTextBox中的内容。今天我终于找到了问题的真正原因,原来是.Text将ViewState关闭了。害得我走了很多弯路,我一直以为是MasterPages引起的,这两天一直在研究MasterPages, 还分析了一部分FreeTextBox的代码。
 今天上午,我试着将FreeTextBox放在MasterPages的示例程序中,结果一点问题没有,原来我错怪了MasterPages,我就怀疑FreeTextBox有问题,又分析了一下FreeTextBox的代码,也没发现问题。后来,我想到在MasterPages的示例程序的web.config中允许了Trace, 我何不打开.Text的Trace比较一下,经过比较我发现正常的FreeTextBox的视图状态大小字节数为264, 而.Text中却为0,原来问题出在这个地方,我又仔细研究了.Text中的代码,在.Text中有一个DottextViewStatelessPage类,这个类屏蔽了ViewState,生成页面的类继承了该类,于是,改成直接从System.Web.UI.Page继承,也就是说打开了ViewState,结果问题就解决了。
 顺便将这个罪魁祸首贴出来示众:
public class DottextViewStatelessPage : System.Web.UI.Page
 {
  public DottextViewStatelessPage()
  {
   this.EnableViewState = false;
  }
 
  protected override object LoadPageStateFromPersistenceMedium()
  {return null;}
 
  protected override void SavePageStateToPersistenceMedium(object viewState){}
 }
如何解决FreeTextBox中HTMLEncoded文本的Bug
 当你使用FreeTextBox 1.6.3时,在设计方式下,输入含有hmtl字符("<"或">")的文本时,第一次提交没问题,但当你再编辑该文本,即FreeTextBox在载入时,会将文本中hmtl字符解析为html标记。我下载了FreeTextBox 1.6.4和FreeTextBox 1.6.5,在change.log中都说消除了这个bug, 但我试用时,却发现在输入提交后, FreeTextBox会将"<"、">"转换成奇怪的字符。
 后来, 我在这里找到了解决方法,也就是在FreeTextBox.cs中的WriteDownlevelHtml()中的两处及WriteMshtmlEditor()中的一处,将
FTB.Append(@"<input type=""hidden"" name=""" + base.ID + @""" id=""" + base.ID + @""" value=""" + this.ViewStateText.Replace("/"","&quot;") + @""">");
改为:
FTB.Append(@"<input type=""hidden"" name=""" + base.ID + @""" id=""" + base.ID + @""" value=""" + Page.Server.HtmlEncode(this.ViewStateText) + @""">");
博客园程序中,这个FreeTextBox的Bug已经消除。

 
用法参考:
1.将FreeTextBox.Dll拷贝到你的web应用程序的bin目录下,同时将它的Images目录复制到你的项目目录下;
2.在vs.net中的项目-引用里添加对FreeTextBox.dll的引用;
3.在vs.net的工具箱中自定义工具箱,选:项目中的FreeTextBox;
4.将工具箱上的FreeTextBox拖到你的页面上,使用默认的属性;
5.到此简单的使用就OK了,你可以允许你的web程序
,看看FreeTextBox的功能。
6.FreeTextBox.Text属性就是你在它的输入框中输入的东西,如果需要就可以把他保存成文件或保存到数据库里。
7.更多的可以在属性里设置,如按钮的图片、按钮的风格等等都可以换成你自己的
8.FreeTextBox还提供了一个Svae_Click的事件,但你按FreeTextBox上的Save按钮式,就会触发这个事件。    
   

 

  • 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、付费专栏及课程。

余额充值