壞蛋的部落格

之前一直都是用 Dean's FCKEditor for wordpress

直到換了這套名字就叫 CKEditor for wordpress 感覺還不錯

http://wordpress.org/extend/plugins/ckeditor-for-wordpress/

我為何要換這套呢

因為最近我的爛網站加掛了WordPress Mobile Edition 這個 Plugin , 主要是為了讓手機的介面比較簡單 , 這個手機版外掛裝起來挺簡單的 , 我大概花了不到一分鐘就裝好了 , 在我的 Samsung S2 i9100 下看還正常 , 就是佈景醜了點 , 但有比沒有好

而 WordPress Mobile Edition 裝了之後 , 我發現原本回文用的文字編輯區無法在手機上使用 , 於是才換了 CKEditor for wordpress  , 這套似乎會判別裝置 , 若是手機 , 會自動把所見即得關掉 , 就只能回正常的文字 , 而若是控制台內編輯文章 , 也是純文字 , 不過會有多出一些 HTML Tag 按鈕幫助編輯還不賴的 ^^

有興趣裝的朋友可以去裝看看 , 官方網站上有兩套同名的 , 我就是用我附上的網址的那套 , 這套評價似乎較高 , 個人沒比較過差異 , 至於之前可能有介紹到如何增加 style 搭配 WP-Codebox , 請看這篇 http://www.pigo.idv.tw/archives/415/

在這次安裝這個 CKEditor for wordpress , 修改方式也有變動 

1. 要進入後台 , 看左下角最下面有 CKEditor 的設定 , 先選 basic setting , 然後把 Post/Page editor options 的 toolbar 設定 Full , 這樣全部的功能就會打開
2.  在 wordpress 目錄的 wp-content\plugins\ckeditor-for-wordpress 下, 直接開  ckeditor.styles.js , 可以自行增加 style , 就參照我之前貼的 http://www.pigo.idv.tw/archives/415/ , 自己意會修改一下就和原本一樣了
3. 修改後 , 可能發現 CKEditor 沒有看見新增的變動 , 那是快取問題 , 就 …. 想辦法清快取吧 , 不然先用別的瀏覽器試試看有沒有變動查明原因

之前曾經介紹一篇如何修改 FCKEditor 搭配 WP-Codebox 

http://www.pigo.idv.tw/archives/161

現在 Dean’s FCKEditor for WordPress plugin 已經不是使用 FCKEditor , 而是用新名稱的 CKEditor 下去改的 ' "

這一版的變動很大 , 因此之前所介紹的如何修改 Style 的方式也不同 , 不過仍是很簡單 , 花了我一些時間而已

首先先安裝好新版的 plugin 之後 , 去這個 plugin 下找 ckeditor/plugins/stylescombo/styles/default.js

不難發現原本使用 XML 結構已經改成以 javascript 資料型態來取代

閱讀全文…

現在我的鳥站右邊採用了 feed reading blogroll 來顯示好友網站的最新文章標題 , 但安裝之後會有 javascript error

雖然瀏覽器上看不出來 , 但 IE 左下方硬是有個驚嘆號 !! 這讓我極度不爽(死處女座個性)

我去 feed reading blogroll 官網用我的蔡英文和作者扯了老半天 , 才發現是 wp-codebox 外掛的問題 , 主因是因為 feed reading blogroll 有載入一支 jquery.tinysort.packed.js 去擴充 jquery 物件

閱讀全文…

前一篇介紹了 WP-CodeBox 效果 , 但在編輯文章上仍有不完美之處 , 要是可以不用手寫 <pre lang="xxx"> , 而可以直接在文章編輯的地方指定該段程式碼是屬於何種程式那這樣是不是很棒 !

由於我非常討厭 WordPress 的 TinyMCE , 因此我老早就把 WordPress 的文字編輯器改成 FCKEditor , 我用的外掛是叫 Dean’s FCKEditor for WordPress plugin , 下載網址如下

http://wordpress.org/extend/plugins/fckeditor-for-wordpress-plugin/

安裝方法就是解開後放到 plugin 目錄 , 然後去啟用即可 , 很簡單

接下來就是見證奇蹟的時刻了 !! 要如何在 FCKEditor 中也能很方便的直接將內文中的程式碼套用 WP-CodeBox 的樣式呢 ? 我們將一步步來做

閱讀全文…

#include <stdio.h>
int main() {
    printf("hello world");
}

很美的 Code HighLight 對吧 ^^

其實 WordPress 官方網站那兒有收集很多關於程式碼HighLight 的外掛 , 但我比較之後覺得 WP-CodeBox 比較漂亮 , 但這個外掛如同其他的同類外掛都有一個問題 , 那就是會因為編輯器自動修改程式碼的一些特殊字串之後 , 導致顯示失敗 , 例如程式碼中有雙引號 , 大於及小於的符號就會有問題 , 但我稍微看了一下這個外掛的原始碼 , 我發現改一行就好了 , 提供心得給大家試試看 閱讀全文…