檢視自主學習輔導平台/主題分享/Etherpad使用說明的原始碼

{{#css:
@font-face {
  font-family: "fontawesome-etherpad";
  src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2");
  src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2#iefix") format("embedded-opentype"),
    url("/etherpad-lite/src/static/font/fontawesome-etherpad.woff?2") format("woff"),
    url("/etherpad-lite/src/static/font/fontawesome-etherpad.ttf?2") format("truetype"),
    url("/etherpad-lite/src/static/font/fontawesome-etherpad.svg#fontawesome-etherpad") format("svg");
  font-weight: normal;
  font-style: normal;
}
.buttonicon {
  border: none;
  padding: 0;
  background: none;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  position: relative;
  cursor: pointer;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}
.buttonicon-embed:before {content: "\e853";}
}}
[[分類:自主學習輔導平台]]
<!--<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/screenshot.png' width=100%>-->
===一、進入 etherpad===
====(一)直接進入指定頁====
在瀏覽器的網址列輸入：「[http://urclass.net:9001/p/頁名 http://urclass.net:9001/p/頁名]」，會看到以下畫面：
====(二)由 etherpad 首頁，進入指定頁，或產生隨機字串頁名====
在瀏覽器的網址列輸入：「[http://urclass.net:9001 http://urclass.net:9001]」。

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/新記事本.png' width=90% style='float:center;'>

之後可以有兩種建立新共筆頁的方法：
#指定共筆頁的頁名：在「或建立／開啟以下名稱的記事本：」(or create/open a Pad with the name)方框內輸入頁名(中英文皆可)。
#由系統產生隨機字串的頁名：點擊「新記事本」(New Pad)

====(三)某頁的初始畫面====
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/etherpad_full_features.png' width=100% />

進入之後就會看到以上畫面，接下來只要將「連結」發給別人，就可以一起編輯囉！

===二、新增編輯者名字 <img src='https://upload.wikimedia.org/wikipedia/commons/4/4e/Font_Awesome_5_solid_users.svg' width=30 height=*/>===
<table><tr><th rowspan=2>從右上角拉出框框，接著輸入編輯人員姓名</th><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字.png' width=200 /></th></tr><tr><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字(CH).png' width=200 />
</th></tr></table>

===三、文字格式===
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/文字編輯_工作區域%201.png' width=500 />

===四、聊天(Chat)===
點選左下角的聊天(Chat)按鈕接著就能與其他在線的同學們聊天囉！

<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Chat.png' width=200 /><span style='font-size:50pt'>&nbsp;&nbsp;→&nbsp;&nbsp;</span><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/CHAT2.png' width=300 />

===五、設定(Pad Settings) <img src='https://upload.wikimedia.org/wikipedia/commons/a/a0/Font_Awesome_5_solid_cog.svg' width='30' height='*'/>===
<div style='float:right;'><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Pad%20Settings.png' width=150 /><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/記事本設定.png' width=150 /></div>
在Pad Settings中可設定語言及字體。
#永遠在螢幕上顯示聊天：在螢幕上顯示聊天
#顯示聊天與使用者：聊天時顯示使用者姓名
#協作者顏色：顯示其他協作者的顏色，以便確認輸入者
#行號：顯示行號
#從右至左讀取內容：由左至右或由右至左
#字型類型：選用字體
#語言：可選擇各國語言介面、繁體中文介面、簡體中文介面

===六、分享(Share This Pad)<img src='https://upload.wikimedia.org/wikipedia/commons/b/bd/Font_Awesome_5_solid_share-alt.svg' width=30 height=34 />===
分享時可設定「唯讀」(READ ONLY)。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Share%20this%20pad.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/分享此記事本.png' width=30%>

===七、匯入 / 匯出(Import & Export)<img src='https://upload.wikimedia.org/wikipedia/commons/0/0e/Font_Awesome_5_solid_exchange-alt.svg' width=30 height=* />===
可以匯入或匯出，匯出的格式分為：Etherpad、HTML、純文字。

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Import%20&%20Export.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/匯出&匯入.png' width=30%>

===八、時間軸 (Timeslider) <img src='https://upload.wikimedia.org/wikipedia/commons/5/59/Font_Awesome_5_solid_history.svg' width=30 height=* />===
可以往回看過去的編輯紀錄

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Etherpad時間軸.png' width=90%>

===九、儲存修訂版本 (Save Revision) <img src='https://upload.wikimedia.org/wikipedia/commons/c/c3/OOjs_UI_icon_unStar.svg' width=30 height=* />===
可以標記當下的修訂版本(如上圖)，在時間軸中快速找到該版本。

===十、指定使用者顏色(Usercolor)===
可以跟改使用者編寫時文字顏色(這裡以丁丁為例)

<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Etherpad使用者顏色.png' width=30%>