[JavaScript] 好用的線上編輯器 CKEditor

目前最新版 CKEditor 已經統一使用 javascript ，不再區分 PHP 或 ASP 版，使用方式也簡單許多，簡單說明如下：

Step 1:
至 官網 下載套件檔案，有分 基本、標準、完整 三個版本，可以直接下載完整版。

Step 2:
下載後解壓縮，放到網站目錄。

Step 3:
網頁中加入下面的程式碼
<textarea id="mytextarea"></textarea>

<script src="ckeditor/ckeditor.js"></script>

<script>

CKEDITOR.replace('mytextarea', {

        language: 'us', 

        enterMode: CKEDITOR.ENTER_BR,

        pasteFromWordRemoveFontStyles: false,

        pasteFromWordRemoveStyles: false, 

        toolbar: [

                { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },

                { name: 'basicstyles', items: [ 'Bold', 'Italic' ] }, 

                { name: 'colors', items: [ 'TextColor', 'BGColor' ] },  

                { name: 'insert', items: [ 'Table' ] }, 

                { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },

                '/', 

                { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },

                { name: 'document', items: [ 'Source'] }

        ]            

});

</script>

Step 4:

完成！

補充說明：

1. language 代表介面語言，如要顯示中文，可以使用 zh。

2. enterMode 代表enter換行時，要使用那個標籤，如 <br />。

3. pasteFromWordRemoveFontStyles 、 pasteFromWordRemoveStyles 設定為 false ，代表從 word、excel 複製內容過來時，保持其樣式。

4. toolbar 代表工具列要有哪些功能。