2012年6月12日 星期二

CKeditor的使用方式

今天在家裡弄進階網頁設計課專題的時候突然想到,我還沒有用過ckeditor編輯器!
然後就翻了一下工具書,發現書已經有點年紀了,好像有點搭不上,後來上網爬文,
找到了一篇非常棒的教學。
ckeditor真的是非常好用的套件,大概只要設定一下config設定檔,增加新資料夾叫做upload,然後在需要加入ckeditor的頁面加入javascript的匯入語法,需要變換為ckeditor的textarea標籤加入class="ckeditor"就可以了。比較需要注意的是路徑上的問題,這個我有被困擾到= =

教學可以看這篇  PHP頁面中-CKeditor網頁編輯器與CKfinder上傳整合應用

另外ckeditor跟ckfinder通常會搭配使用,步驟一樣簡單,為了讓使用者有更好的使用經驗,當然是可以的話都用了~

CKeditor下載 

CKfinder下載

2 則留言:

  1. HI 若想維護既有網頁上的靜態Html內容,是不是得把資料存進資料庫中,再利用CKeditor來修改?
    還是有更簡便的做法呢??

    回覆刪除
    回覆
    1. 內容有包含html標籤的話
      還是存到資料庫再修改比較好,(如您所說的)

      請問您是要怎麼存到資料庫中呢?
      我之前有遇過一個狀況是
      必須自己一筆一筆的增加每一筆消息的內容
      從網頁複製貼到資料庫的時候,
      他會把一些原有網頁的背景色也貼過去
      這很可怕 比方說原網頁的背景是黑色 白字
      可是你只是要文字而已
      他會連background-color:black都貼過去,還要一行一行拿掉

      建議你另開頁面測試

      刪除

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...