( ´_ゝ`)φ 寫寫程式、做做筆記！！！: HTML

2019年8月29日

C# HTML 轉 PDF 使用 SelectPdf

因為需要做一個在C#使用 HTML 轉 Pdf 的功能找了好多工具，如 iTextSharp、IronPdf...等，但我發現另一個不錯用的工具 SelectPDF，重點是他有詳細的使用說明文件程式碼

https://selectpdf.com/demo/

https://selectpdf.com/demo/convert-html-code-to-pdf.aspx

，可以支援我想要的 HTML To Pdf，而且還需要支援中文。

如果使用呢？可以在方案總管按右鍵選擇「管理NuGet套件」，在瀏覽搜尋「SelectPDF」，因為，我是要HtmlToPdf功能，所以，我只安裝了「Select.HtmlToPdf」 ，安裝成功後，就可以在Bin資料夾看到一個dll和dep檔。

程式碼：

using SelectPdf;

…

string iHtml = "寫入HTML";//看您想寫什麼HTML

string fileNameWithOutExtention = Guid.NewGuid().ToString();

HtmlToPdf converter = new HtmlToPdf();

PdfDocument doc = converter.ConvertHtmlString(iHtml);

doc.Save(@"D:\" + fileNameWithOutExtention + @".pdf"); //假設要把檔案存在 D 糟

// close pdf document

doc.Close();

就是這麼簡單。

2014年5月5日

使用 JQuery 的 ajax 建立 select 清單以及如何在 onchange 事件時，取得value及text值

如何利用 ASP.NET 的 ashx 建立 select 下拉式選單(如下圖)，我利用了 JQuery 做了一個可以取得 Json 並放入 select 的範例

HTML select 清單

==================== <head> =============================

<!-- 使用 JQuery 需加入 -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

==================== <body> =============================

<select id="select" class="styled-select" onchange = "onSelectTown()" ></select>

==================== <javascript> =============================

jQuery.support.cors = true;
$.ajax({
   url: 'http://' + window.location.host + '/您的ashp名稱路徑.ashx',
   type: "GET",
   dataType: 'text',
   success: function (msg) {
     var jsonObj = JSON.parse(msg);

     //放入一筆空白的清單
     $("[id$=select]").append($("<option></option>").attr("value", "").text(""));

     for (var i = 0; i < jsonObj.length; i++) {

     //將取得的Json一筆一筆放入清單
     $("[id$=select]").append($("<option></option>").attr("value", jsonObj[i].LAND_ID).text(jsonObj[i].LAND_NAME));
     }
   },
   error: function (xhr, ajaxOptions, thrownError) {
     alert(xhr.status);
   }
});

==================== <javascript> =============================

   //當選擇了行政區
   function onSelectTown() {
     var sel_text = $("[id$=select]").find("option:selected").text()
     var sel_val = $("[id$=select]").val();
     alert(sel_text); //可以取得 select.text
     alert(sel_val);  //可以取得 select.value
   }