簡介
「通用數學編輯器」為筆者在 ChatGPT 的協助下製作的編輯器，目的是讓使用者能用較簡易的方式，製作出適合一般人與視障者使用的數學文件。
架構
頁面中除了功能按鈕，左方有一編輯區，可用 html 語法輸入與編輯，右方有一「所見即所得」的預覽區可觀察輸出後的結果。透過 MathJax 的轉換功能，能把編輯區中以 \( 和 \) 包覆的 LaTeX 語法數學式，轉換成數學物件，可視覺放大閱讀，或透過螢幕報讀軟體 NVDA 搭配附加元件 Access8Math 以語音及點字呈現。
編輯
一般文字
在編輯區可直接輸入與編輯。
插入數學式
點選「插入數學式」按鈕，會插入數學式開始 \( 與結束 \) 記號，在兩個記號間輸入含 LaTeX 語法的數學式即可。
選項分行
製作試卷時，能將選項 (A) (B) (C) (D) 獨立成一行。
換行
因編輯區為 html 的編輯模式，一般 Enter 換行無作用，點選「換行」按鈕會自動在每一行的行尾插入換行符號 <br> ，當預覽發現換行不如預期時，可點選此按鈕。
插入數學物件
先點選「編輯功能」的「插入數學式」即可在數學式標記區中編寫數學物件，當滑鼠或焦點移動到按鈕上方時，會有氣泡提示物件名稱或相關語法。
一般符號
運算符號、關係符號、希臘字母與其他符號可直接點選，即可插入對應的 LaTeX 語法。
幾何符號
點選幾何符號後，在 LaTeX 語法中的大括號內輸入端點 { } 即可。
層次
分數、上下標、聯立方程式、總和、極限、矩陣與行列式的規則稍複雜，但大原則都是在語法後的大括號內輸入對應的數值、文字或算式，可將滑鼠游標或焦點移至按鈕，參考其語法規則輸入。
檔案功能
草稿
「儲存草稿」可將編輯區文字存成 .txt 純文字文件，「開啟草稿」則可打開 .txt 的純文字文件。
匯出
-
匯出網頁：將編輯區文字插入語法並存成 .html 的單一網頁檔，能在有網路的環境下正常閱讀。
-
匯出離線版：將編輯區文字插入語法並存成 .html 網頁檔，需同時下載 離線版元件 後，將壓縮檔中的 mathjax 資料夾與儲存的網頁檔放在一起，不需連接網路亦可使用。
編輯範例
範例一
題目
請計算 \(\frac{1}{2}+\frac{1}{3}=\)
編輯步驟
-
輸入「請計算」後空一格
-
點選「插入數學式」插入數學式開始
\( 與結束 \) 記號
-
點選「分數」
-
在第一個大括號輸入 1 第二個大括號輸入 2
-
在大括號後輸入 + 加號
-
點選「分數」
-
在第一個大括號輸入 1 第二個大括號輸入 3
-
輸入 = 等號
編輯區語法
請計算 \(\frac{1}{2}+\frac{1}{3}=\)
範例二
題目
請化簡 \(\sqrt{2}\times\frac{1}{\sqrt{2}}\)
編輯步驟
-
輸入「請化簡」後空一格
-
點選「插入數學式」插入數學式開始
\( 與結束 \) 記號
-
點選 \(\sqrt{n}\)
-
在大括號中輸入 2
-
在大括號後點選 \(\times\) 按鈕
-
點選「分數」
-
在第一個大括號輸入 1 第二個大括號點選 \(\sqrt{n}\) 按鈕，在其大括號中輸入 2
編輯區語法
請化簡 \(\sqrt{2}\times\frac{1}{\sqrt{2}}\)
範例三
題目
解聯立方程式 \(\begin{cases} {x+y=12} &{} \\ {x-y=4} &{} \end{cases}\)
編輯步驟
-
輸入「解聯立方程式」後空一格
-
點選「插入數學式」插入數學式開始
\( 與結束 \) 記號
-
點選「聯立方程式」
-
在第一個大括號輸入 x+y=12 ，在第三個大括號輸 x-y=4
編輯區語法
解聯立方程式 \(\begin{cases} {x+y=12} &{} \\ {x-y=4} &{} \end{cases}\)
其他範例
-
\((a+b)^{2}=a^{2}+2ab+b^{2}\)
語法：\((a+b)^{2}=a^{2}+2ab+b^{2}\)
-
\(\because \triangle{ABC}\cong \triangle{DEF} \therefore \angle{A}=\angle{D}，\overline{BC}=\overline{EF}\)
語法：\(\because \triangle{ABC} \cong \triangle{DEF} \therefore \angle{A}=\angle{D}，\overline{BC}=\overline{EF}\)
-
\(ax^{2}+bx+c=0，x=\frac{-b\pm \sqrt{b^{2}-4ac}}{2a}\)
語法：\(ax^{2}+bx+c=0，x=\frac{-b\pm \sqrt{b^{2}-4ac}}{2a}\)
-
\(CaCl_{2}\rightarrow Ca^{2+}+2Cl^{-}\)
語法：\(CaCl_{2}\rightarrow Ca^{2+}+2Cl^{-}\)
最新文章
