CKEditor

CKEditor 5 教學(六),在你的文章中顯示程式碼區塊(Code Block)

CKEditor 5 支援程式碼區塊(Code Block),讓你可以在文章中呈現各種程式語言的區塊本篇文章會敘述如何安裝程式碼區塊的套件,還有在文章中使用 Prism.js 高亮...

CKEditor 5 教學(五),超連結要小心的安全性問題

超連結是很多編輯器都會有的功能,CKEditor 也不例外讓你在編輯內容中可以插入像是下方的連結<a href="連結在此">我是超連結</a>當文章中的連結會導...

CKEditor 5 教學(四),如何顯示編輯好的文章

當文章編輯好之後按下儲存送出,接下來就要來查看編輯好的文章內容啦!這時候如果你開啟文章顯示的頁面,你會發現剛剛編輯的效果並沒有完整顯示出來,像是馬克筆...

CKEditor 5 教學(三),上傳圖片至 Amazon S3

要想讓文章的內容更為生動,圖片可以說是必不可少的東西,畢竟圖文並茂的文章絕對是大大的加分一般的文章編輯器,都會提供插入圖片的功能本文中我們會使用 CKEdi...

CKEditor 5 教學(二),客製化編輯器的功能列

在上一篇文章中,我們簡單介紹了一下 CKEditor 如何安裝CKEditor 雖然功能非常多,但預設的功能非常少,需要我們再進行額外的設定在這篇文章中,會講述如何客製...

CKEditor 5 教學(一),在網站中使用 CKEditor 5

CKEditor 是一款老牌的富文本編輯器 (Rich Text Editor)這類編輯器最大特性就是 WYSIWYG (What You See Is What You Get)原本 CKEditor 4,因為年代較為久遠,所...