8. DataTables Markdown

Markdown 是一種純文字格式語法,最初由 John Gruber 建立,現在廣泛用於網路上。它旨在提供一組易於使用的格式規則,可以應用於文件,將其從易於閱讀和編輯的純文字格式轉換為 HTML。

DataTables 專案在多個區域使用了 Markdown 的擴充形式

語法

DataTables Markdown 遵循與 GitHub Flavoured Markdown 相同的規則,並有一些擴充功能(見下文)。DataTables 使用的最常見 Markdown 規則如下所述,但如需完整了解 Markdown 中支援的語法,請參閱

擴充功能

如果您已經了解 Markdown,您會對 DataTables 使用的擴充功能感興趣。這些擴充功能主要是為了增加輕鬆連結到不同 DataTables 參考文件的功能,或突出顯示不同類型的內嵌程式碼

Markdown 語法 動作 Markdown 範例 呈現的範例
`-api x` 連結到 API 方法 x 的參考文件 `-api row().data()` row().data()
`-button x` 連結到按鈕 x 的參考文件 `-button pdf` pdf
`-event x` 連結到事件 x 的參考文件 `-event draw` draw
`-init x` 連結到初始化選項 x 的參考文件 `-init scrollY` scrollY
`-type x` 連結到資料類型 x 的參考文件 `-type row-selector` row-selector
`-tag x` 將程式碼突出顯示為 HTML 標籤 `-tag tbody` tbody
`-path x` 將程式碼突出顯示為檔案路徑 `-path /home/datatables` /home/datatables
`-string x` 將程式碼突出顯示為字串文字 `-string full_numbers` full_numbers

`-api x`、`-event x`、`-init x` 和 `-button x` 程式碼連結可以選擇加上 `e` 前綴,表示它所記錄的是 Editor API、事件、選項或按鈕(Editor 有自己的文件)。

常用規則

在大多數情況下,Markdown 是透明的。只需像平常一樣輸入註解/貼文,Markdown 就會將其格式化為 HTML。儘管如此,在撰寫註解/貼文時,您可能想要使用一些常用規則。

連結

只需輸入以 `http://` 或 `https://` 開頭的網址,DataTables Markdown 就會自動將其轉換為 HTML 連結,即可自動建立連結。另一種方法是使用語法 `[文字](網址)` 顯式建立連結。例如

Markdown 範例
[DataTables](https://datatables.dev.org.tw)
[DataTables on GitHub](https://github.com/DataTables/)
呈現的範例

DataTables
GitHub 上的 DataTables

斜體/粗體

Markdown 交替使用 `*` 和 `_` 字元表示斜體和粗體文字(儘管結尾字元必須與開頭字元匹配!)。用單個 `*` 或 `_` 括住的單字或片語會顯示為斜體文字。用雙個 `**` 或 `__` 括住的單字或片語會顯示為粗體文字。

Markdown 範例
This is *italic text* as _is this_. Meanwhile, this is **bold text**, as __is this__.
呈現的範例

這是 斜體文字,這也是 斜體文字。同時,這是 粗體文字,這也是 粗體文字

引文

Markdown 中的引文與我們在電子郵件中熟悉的引文類似 - 也就是說,每行引文前面都有一個 `>` 字元和一個空格。文字區塊可以用 `>` 字元為區塊中的每行加上前綴來引述 - Markdown 會自動將它們合併為單個引述區塊。

Markdown 範例
> Quoted text
呈現的範例

引述文字

清單

在行首加上星號和空格 (`*`) 來建立無序清單。在行首加上數字、句點和空格 (`1.`) 來建立有序清單

Markdown 範例
* List item
* Another list item

1. Ordered list
1. Second item
呈現的範例
  • 清單項目
  • 另一個清單項目
  1. 有序清單
  2. 第二個項目

程式碼

DataTables Markdown 中有兩種顯示程式碼的方式

  • 內嵌程式碼
  • 程式碼區塊

內嵌程式碼

在句子中引用變數名稱等時,內嵌程式碼高亮度顯示非常有用。程式碼使用 ` ` 符號表示。請記住,在 DataTables Markdown 中,您也可以使用 ` `-* _x_`` 表示要將初始化選項、API 方法、事件或類型顯示為帶有參考文件連結的內嵌程式碼(請參閱上文)。

Markdown 範例
When using `-init scrollX` set its value to be `true`.
呈現的範例

當使用 scrollX 時,將其值設定為 `true`。

帶有語法高亮度顯示的程式碼區塊

DataTables Markdown 使用的第二種類型的程式碼顯示符合 GitHub Flavoured Markdown,以顯示較大的程式碼區段。這是透過三個 `` ` `` 字元完成的,後面可選擇加上用於語法高亮度顯示的語言識別碼(jshtmlxmlcssphp),然後是換行符號。區塊以另一行三個 `` ` `` 字元結束。

Markdown 範例
  ```js
  $(document).ready( function () {
    var table = $('#myTable').DataTable();
    // ...
  } );
  ```
呈現的範例
$(document).ready( function () {
  var table = $('#myTable').DataTable();
  // ...
} );