插入圖片:CKEditor 可以直接上傳圖片,點擊「瀏覽伺服器端」即可,一次可以上傳多張圖片,直接雙擊圖片,便可插入圖片,但盡量不要用中文檔名。利用「對齊方向」的靠左對齊或靠右對齊,都可以做出文繞圖效果。
插入多媒體資源:只要貼上網址,就可以秀出影片或圖片等多媒體內容。
插入公式:若不熟悉語法,可參考:http://www.study-area.org/tips/opentools/opentools/x521.html
插入表格:設定好橫列、直欄即可,可以在「進階」裡面的「樣式表類別」加入「table table-striped table-bordered table-hover」
加上連結:標記文字或圖片,點選連結圖示,並輸入連結即可。也可點擊「瀏覽伺服器端」,然後上傳文件檔案,當作附檔下載來用,但注意盡量不要有中文檔名。
加入程式碼:選擇適當程式類型即可,若要改變呈現風格,請至tadtools偏好設定的「設定 SyntaxHighlighter 佈景」及「選擇 SyntaxHighlighter 版本」設定即可。此功能目前僅於tadnews和tad_book3中有效。
清除文字格式:若想要快速清除文字的顏色、帝色、粗細、大小...等(尤其是從別的網頁或文件複製貼上的內容),可以點按該圖示以清除格式,回到純文字狀態。
套用版面:可以輕鬆做出兩欄、三欄的版面,並支援bootstrap自適應。
插入fontawsome圖示:需注意佈景有無支援fontawsome。
內建多種bootstrap樣式,可隨時套用之,但不同情境可能會出現不同的樣式項目。連到FB開發者頁面:https://developers.facebook.com/docs/plugins/page-plugin
嵌入Googe行事曆:https://calendar.google.com/calendar/embedhelper?src=帳號名稱@gmail.com
嵌入其他網頁:用iframe:
<iframe src="http://網址" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
|
套用標籤 |
標籤作用 |
| {TNP_TITLE} | 電子報的主題,用法:<title>{TNP_TITLE}</title> |
| {TNP_CODE} | 網頁的編碼,用法:<meta http-equiv="content-type" content="text/html; charset={TNP_CODE}" /> |
| {TNP_THEME} | 佈景主題的路徑,若有圖片,請在圖片前面加上{TNP_THEME}標籤。 如:<link rel="stylesheet" type="text/css" href="{TNP_THEME}style.css" /> |
| {TNP_CSS} | 預設的CSS設定連結(<head> </head> 中貼上就好) |
| {TNP_HEAD} | 頁首(或者電子報標題) |
| {TNP_CONTENT} | 電子報主內容 |
| {TNP_FOOT} | 頁尾(若覺得段落間距太大,可用shift+Enter加入斷行) |