Topics

使用 MathJax 把 LaTeX 數學式轉為視覺化數學式

楠特巡迴 黃偉豪
 

因筆記包含語法和範例,本文僅做簡要說明,完整內容請參閱以下網址

說明

MathML 數學標示語言,雖然可以用網頁方式呈現完整的數學符號和算式,同時能讓 NVDA 報讀及點字呈現,但其語法較複雜,撰寫不易,相較之下 LaTeX 較為簡單易學,本篇筆記紀錄使用 MathJax 把純文字的 LaTeX 數學式,轉為視覺化數學式,達到溝通互動的目的。

 

操作

  1. 將下方文字複製,開啟記事本貼上。
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
  2. 輸入文字內容,使用 \ ( 反斜線左括號,開始 LaTex 數學式,用 \ ) 反斜線右括號結束數學式,反斜線後不加空格,換行處打 <br/> 小於 br 斜線 大於。
  3. 將檔案另存成 .html 檔,編碼選擇 UTF-8 ,其他人用瀏覽器開啟該檔即為視覺化數學式(需在有網路的狀態),亦可使用 NVDA 搭配附加元件 Access8Math 報讀。



--
Kaohsiung Municipal Nanzih Special School
Itinerant Teacher of the Visually Impaired
黃偉豪 Wei-hao Huang
0933637427
NVDA Certified Expert

woody tseng
 

Hello,

放假沒事就來研究一下 mathjax 了
在網頁上呈現數學內容 mathjax 真的是個好工具
可以轉換出 latex 到 mathml,也可以讓不 render mathml 的瀏覽器正常顯示數學內容
下面的連結是我隨手做的小 demo 可以將 latex 轉成 mathml 並顯示在頁面上
顯示方式有原始 raw data mathml 與放入 DOM 直接呈現數學內容兩種做切換
https://tsengwoody.github.io/Access8MathWeb/app/
雖然目前正式版是 2.7.5,但由於對 npm/webpack 等現代前端工具支援度不佳,所以官方已準備推出 mathjax 3 目前在 beta4
demo 是用 mathjax 3 參考官方 demo 改寫的,去年看時還沒什麼文件,現在資料稍微多一點了
感覺可以好好利用它 做個網頁應用程式

Woody

=?ISO-2022-JP?Q?=1B$B9b=4082=22=1B=28J?=
 

這時候推 LaTex 感覺有點過時。MATHML 才是趨勢。
寫個軟體用 nemeth 點字搭配 MathType 就可以在 word 直接打出數學方程式,也無須多做其他學習。
更重要的市可以明盲即時溝通。

On Thu, 8 Aug 2019, 楠特巡迴 黃偉豪 wrote:

Date: Thu, 8 Aug 2019 23:36:30 +0800
From: 楠特巡迴 黃偉豪 <hurt.nzsmr@...>
Reply-To: nvda-tw@groups.io
To: nvda-tw@groups.io
Subject: [nvda-tw] 使用 MathJax 把 LaTeX 數學式轉為視覺化數學式
因筆記包含語法和範例,本文僅做簡要說明,完整內容請參閱以下網址http://class.kh.edu.tw/19061/bulletin/msg_view/298

說明
MathML 數學標示語言,雖然可以用網頁方式呈現完整的數學符號和算式,同時能讓 NVDA 報讀及點字呈現,但其語法較複雜,撰寫不易,相較之下 LaTeX 較為簡單易學,本篇筆記紀錄使用 MathJax 把純文字的 LaTeX
數學式,轉為視覺化數學式,達到溝通互動的目的。
 

操作

1. 將下方文字複製,開啟記事本貼上。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
2. 輸入文字內容,使用 \ ( 反斜線左括號,開始 LaTex 數學式,用 \ ) 反斜線右括號結束數學式,反斜線後不加空格,換行處打 <br/> 小於 br 斜線 大於。
3. 將檔案另存成 .html 檔,編碼選擇 UTF-8 ,其他人用瀏覽器開啟該檔即為視覺化數學式(需在有網路的狀態),亦可使用 NVDA 搭配附加元件 Access8Math 報讀。
--
高雄市立楠梓特殊學校 
Kaohsiung Municipal Nanzih Special School
國中啟明巡迴輔導教師 
Itinerant Teacher of the Visually Impaired
黃偉豪 Wei-hao Huang
0933637427
視覺障礙輔助科技筆記本
NVDA Certified Expert

woody tseng
 

Hello,

mathtype 與 word 都要錢,完全沒吸引力
寫個 nemeth 轉 mathml 還比較有價值
網頁瀏覽的順暢度與穩定度也是比 word 好很多
更甚有一整套完整的 a11y 工具與規範
而且 latex 是很多理工科寫論文的必備工具,通用性高很多

Woody

楠特巡迴 黃偉豪
 

MathML 雖然是趨勢,不過在撰寫上比較複雜
LaTeX 的通用性較高,應用層面也較廣
Nemeth 的符碼最簡潔,但是與一般人溝通較不便

敝人從視障教育的角度提出一點淺見,
在中小學數學概念建構的初期,較適合用簡單的 Nemeth 來計算與書寫,
進入高中及大學,如果是讀理組的,則可開始接觸 LaTex 或 MathML ,

當然這些要表示的其實都是同一種東西,如果可以在彼此間互轉,是最理想的狀態。

Woody 兄做的 demo 頁面,已經可以把 LaTeX 立即轉換為 MathML 並有視覺上的呈現,
如果能再加上 Nemeth 的轉換,甚至有輸出成 html 的功能,
應該可以成為視障生寫數學跟明眼人互動的工具。

--
Kaohsiung Municipal Nanzih Special School
Itinerant Teacher of the Visually Impaired
黃偉豪 Wei-hao Huang
0933637427
NVDA Certified Expert