# 於 Google 表單中插入數學式子

> 作者：王一哲
> 日期：2021/6/24

<br />

## 前言

最近為了要讓學生可以進行線上測驗，但是我又不想使用出版社的系統，因此我只能想辦法把物理考卷變成 Google 表單。由於物理考卷的題目及答案經常會用到數學式子，而且目前 Google 表單只能使用文字及圖片，我必須將數學式子轉成圖片才行，有幾個 Google Chrome 擴充功能可以做到這個效果，例如

－[適用於Google Chrome™的Latex數學公式](https://chrome.google.com/webstore/detail/latex-math-equations-for/eghfdammeakignbgakdhfllfifabolbh?hl=zh-TW&utm_source=chrome-ntp-launcher)
－[EquatIO - Math made digital](https://chrome.google.com/webstore/detail/equatio-math-made-digital/hjngolefdpdnooamgdldlkjgmdcmcjnc?hl=zh-TW&utm_source=chrome-ntp-launcher)

以下是我使用第一個工具的筆記。
<br />

## 安裝擴充功能並應用於 Google 表單

開啟[線上應用程式商店](https://chrome.google.com/webstore/category/extensions?hl=zh-TW&utm_source=chrome-ntp-launcher)，於左上角的格子中輸入 **LaTeX** 並搜尋擴充功能，於搜尋結果中找到[適用於Google Chrome™的Latex數學公式](https://chrome.google.com/webstore/detail/latex-math-equations-for/eghfdammeakignbgakdhfllfifabolbh?hl=zh-TW&utm_source=chrome-ntp-launcher)或是直接點選這個超連結，再點擊右上角的**加到 Chrome**。

<img height="100%" width="100%" src="https://i.imgur.com/WQKPpK8.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">線上應用程式商店搜尋結果</div>
<br />

<img height="100%" width="100%" src="https://i.imgur.com/7MDJSqT.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">適用於Google Chrome™的Latex數學公式</div>
<br /><br />

安裝完成之後在 Google Chrome 的右上角可以找到一個藍色的按鈕，如果沒有出現藍色按鈕，可以點擊圖示為拼圖的按鈕，找到藍色按鈕並點擊大頭針將按鈕固定在工具列。

<img height="40%" width="40%" src="https://i.imgur.com/nU6CEIG.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">管理擴充功能</div>
<br /><br />

將點擊按鈕開啟編輯數學式子的工具，在下方的空格式輸入數學式子 LaTeX 編碼，再點擊左下角的 **Generate Image** 產生圖片，於圖片上點擊滑鼠右鍵選取**複製圖片位址**。

<img height="80%" width="80%" src="https://i.imgur.com/DEL0z4C.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">輸入數學式子 LaTeX 編碼</div>
<br />

<img height="80%" width="80%" src="https://i.imgur.com/QBHuMdO.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">產生數學式子圖片</div>
<br />

<img height="55%" width="55%" src="https://i.imgur.com/yZNai2q.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">複製圖片位址</div>
<br /><br />

點選表單中**加入圖片**的按鈕，選取**使用網址上傳**，貼上剛才複製的圖片位址，再點選**插入圖片**即可。如果用滑鼠左鍵將圖片拖進表單裡會貼上圖片網址，不會直接插入圖片。

<img height="70%" width="70%" src="https://i.imgur.com/RDLE9Hj.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">加入圖片</div>
<br />

<img height="90%" width="90%" src="https://i.imgur.com/Uo4UG0O.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">使用網址上傳</div>
<br />

<img height="70%" width="70%" src="https://i.imgur.com/YFTyb3j.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">插入數學式子的效果</div>
<br />

<img height="70%" width="70%" src="https://i.imgur.com/MlDOvHm.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">將圖片拖進表單裡的效果</div>
<br /><br />

## 結語

由於 Google 表單裡的文字和圖片是分開的，要做到文字、數學式子、題目示意圖混合在一起的效果似乎有點困難，下圖是直接將題目及選項截圖再插入表單的效果，但是要修改題目時要再上傳一次新的圖片。

<img height="80%" width="80%" src="https://i.imgur.com/43PDEMK.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">考卷畫面截圖再插入表單的效果</div>
<br /><br />

雖然在表單裡使用上比較麻煩，但是在 Google 文件中，可以直接用滑鼠左鍵將圖片拖進文件裡，效果看起來還不錯。
<img height="80%" width="80%" src="https://i.imgur.com/WAZNluq.png" style="display: block; margin-left: auto; margin-right: auto;"/>
<div style="text-align:center">於 Google 文件中使用的效果</div>
<br /><br />

---

###### tags:`軟體`、`Google辧公軟體`