標籤: javascript

CKEditor4 重要配置設定 config.js (中文)

簡單的介紹一下 CKEditor

CKEditor是一個非常強大的HTML編輯器，舊稱FCKeditor，是一個專門使用在網頁上屬於開放原始碼的所見即所得文字編輯器套件，2003年就開始累積很多用戶了，至今已經十年的時間了，我想很多開發人員對CKEditor這名字應該不陌生，CKEditor 主要優點而且相容於絕大部分的網頁瀏覽器，該有的功能全都有，也提供非常多的配置及API可以符合各種不同的開發需求，而且最重要的是免費的^^，除此之外官網上也提供了非常多相關的使用範例，還有非常詳細的開發文件可讓開發者更了解使用方式，但此篇文章主要不是介紹CKEditor，而是介紹CKEditor的基本配置Config檔的設定。

CKEditor4的設定有些地方好像跟之前板本不太一樣，那本文介紹的CKEditor4的這個版本，所以測試環境請以CKEditor4為準，CKEditor4可至官網下載，也可由下方連結下載。

CKEditor 相關資源

CKEditor 官方網站
http://ckeditor.com/

CKEditor 下載
http://ckeditor.com/download

CKEditor DEMO
http://ckeditor.com/demo

CKEditor 開發文件
http://docs.ckeditor.com/

CKEditor 開發文件 > config
http://docs.ckeditor.com/#!/api/CKEDITOR.config

重要配置說明如下，主要分為工具列、基本設定、選單設定三大部份~

工具列配置：

基本設定：

關於WORD文字設定

設定選單：

(註一)
解決方法詳見我的另一篇文章
CKEditor4 預設字體大小 fontSize_defaultLabel、預設字型 font_defaultLabel 無法運作的解決方案
http://vector888.blogspot.com/2013/08/ckeditor4-fontsizedefaultlabel.html

(註二)
config.allowedContent;
config.extraAllowedContent;
詳細介紹及用法，詳見我的另一篇文章
CKEditor4 自動清除內容標籤問題的解決方法
http://vector888.blogspot.com/2013/08/ckeditor4.html

[……]

閱讀更多

新增or修改網址url參數

function updateURLParameter(url, param, paramVal)
{
    var TheAnchor = null;
    var newAdditionalURL = “”;
    var tempArray = url.split(“?”);
    var baseURL = tempArray[0];
    var additionalURL = tempArray[1];
    var temp = “”;

    if (additionalURL)
    {
        var tmpAnchor = additionalURL.split(“#”);
        var TheParams = tmpAnchor[0];
            TheAnchor = tmpAnchor[1];
        if(TheAnchor)
            additionalURL = TheParams;

        tempArray = additionalURL.split(“&”);

        for (i=0; i<tempArray.length; i++)
        {
            if(tempArray[i].split(‘=’)[0] != param)
            {
                newAdditionalURL += temp + tempArray[i];
                temp = “&”;
            }
        }      
    }
    else
    {
        var tmpAnchor = baseURL.split(“#”);
        var TheParams = tmpAnchor[0];
            TheAnchor  = tmpAnchor[1];

        if(TheParams)
            baseURL = TheParams;
    }

    if(TheAnchor)
        paramVal += “#” + TheAnchor;

    var rows_txt = temp + “” + param + “=” + paramVal;
    return baseURL + “?” + newAdditionalURL + rows_txt;
}
//var url = ‘http://aaa.bb.cc.tw/index.php#’;
//var test  = updateURLParameter(url, ‘aa’, ‘aaval’);
//var test2  = updateURLParameter(test, ‘bb’, ‘bbval’);
//var test3  = updateURLParameter(test2, ‘cc’, ‘ccval’);
//var test4  = updateURLParameter(test3, ‘bb’, ‘cheng_val’);
//alert(test4);[……]

閱讀更多