檢視自主學習輔導平台/主題分享/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===
有兩種進入本課程 etherpad 的途徑：
#在瀏覽器的網址列輸入：「[http://urclass.net:9001 http://urclass.net:9001]」。
#到[http://urclass.net/EMEP/ 本課程網站]，點選「社群發展」項下的「即時共筆工具」。
兩者都會看到以下畫面：

<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% />

===新增編輯者名字===
<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%>


===時間軸(Timeline)<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/%E4%B8%81%E5%BF%97%E4%BB%81/etherpad-icon/Etherpad%E6%99%82%E9%96%93%E8%BB%B8.png' width=90%>

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

<img src='http://jendo.org/uploadFiles/%E4%B8%81%E5%BF%97%E4%BB%81/etherpad-icon/Etherpad%E4%BD%BF%E7%94%A8%E8%80%85%E9%A1%8F%E8%89%B2.png' width=30%>