不公開創作者小教室：乾淨世界創作中心文章HTML編輯簡介與實作示範 #透明的筆記

大家好 今天想要與大家介紹乾淨世界創作小教室 新增文章的 HTML 實作 首先你必須要有一個乾淨世界的帳號 進入我們的創作中心 創作中心裡面 下方有一個嵌入的圖案 上面寫著 reachtexteditor.embed 這個地方就是我們可以嵌入代碼的地方 那麼點擊之後 它就會出現嵌入 HTML 代碼的一個確認框 那裡面沒有東西的時候 我們該如何嵌入這個 HTML 呢? 首先我們可以使用 HTML 編輯器 HTML 編輯器它是一個編輯純文字的編輯器 它可以上色、除錯、產生程式碼等等功能 當然我們也有很多很好用的東西可以直接使用 例如 Google 輸入 HTML 編輯器 它會出現一個線上免費編輯的 HTML 編輯器 我們原本的創作中心已經有文章了 我們要怎麼使用呢? 首先複製我們的文章 貼過來之後 這裡就有很多的功能可以使用 比方我們想要讓這個字是屬於粗體 或者我們連結的部分想要使用斜體 代入超連結 這裡可以顯示文字 還可以做文字中的錨點連結 這些非常方便 文字錨點連結的部分就是我點 每一個地方可以幫它做錨點 這個文件當中我們還沒有設錨點 但如果預先設定好的話就會非常的方便 這個編輯器裡面已經使用了非常多的功能 如果我們不要這個超連結 這裡就可以使用取消連結 這裡我們做一個示範 等一下可以看看我們顯示出來的結果是什麼樣子 當然這裡也可以使用我們的熱鍵 像是 Control + I Windows 熱鍵 可以加快我們的編輯速度 就一般的文字編輯的功能 非常的方便喔 這裡即時編輯的時候就可以即時觀看了 當所有我們的文字都編輯完之後 這裡還可以使用這些像是網頁功能的按鈕 稍後我們再多做一些介紹 先做一個簡單的文字變色 以及插入超連結的介紹 這部分的話 我們可以看到原始碼 如果您不使用原始碼的話 複製過來其實是只有純文字而已 我們可以試試看 這樣複製 到了創作中心 我們清空 複製我們剛剛的連結 那這部分的話就只有文字的超連結 那如果說我們想要複製比較複雜一點的 例如顏色 我們希望即時記錄這裡 可以讓他文字上顏色 上橘色 我們可以試試看如果直接複製 可以將他複製過來嗎 顏色的部分是不能複製過來 那麼我們就可以使用這個 內嵌功能 嵌入html 這時我們的編輯器有一個原始碼 點下去 原始碼的部分一樣ctrl + c ctrl + a（全選）, ctrl + c (複製) 貼上 (Ctrl + V) 到這裡ctrl + v複製貼上 他就把代碼複製過來了 那我們插入之後 就可以看到我們實際的狀況囉 你看像是這樣子 這裡可以更新預覽 那必須要再重新整理一下網頁 才能看到最新的資料 剛剛我們上去的橘色字體 也就上去了喔 是不是很簡單呢 歡迎大家也來試試吧 謝謝您的收看 歡迎關注、留言、分享 透明的回憶