Catatan tentang CKEditor Plugin untuk WYSIWYG HTML Editor

CKEditor merupakan HTML editor WYSIWYG (What You See Is What You Get) untuk mengedit konten HTML pada website.

Download di:
http://ckeditor.com/download
 

Plugin pilihan

Roxy Fileman, untuk upload file / gambar


yang lain yang sudah dicoba tapi gagal:  imgbrowse, imgupload

Toolbar Identifier

"Source", "Save", "NewPage", "DocProps", "Preview", "Print", "Templates", "document",
"Cut", "Copy", "Paste", "PasteText", "PasteFromWord", "Undo", "Redo",
"Find", "Replace", "SelectAll", "Scayt",
"Form", "Checkbox", "Radio", "TextField", "Textarea", "Select", "Button", "ImageButton", "HiddenField",
"Bold", "Italic", "Underline", "Strike", "Subscript", "Superscript", "RemoveFormat",
"NumberedList", "BulletedList", "Outdent", "Indent", "Blockquote", "CreateDiv", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock", "BidiLtr", "BidiRtl",
"Link", "Unlink", "Anchor",
"CreatePlaceholder", "Image", "Flash", "Table", "HorizontalRule", "Smiley", "SpecialChar", "PageBreak", "Iframe", "InsertPre",
"Styles", "Format", "Font", "FontSize","TextColor", "BGColor"
"UIColor", "Maximize", "ShowBlocks",
"button1", "button2", "button3", "oembed", "MediaEmbed",
"About"

Contoh my-code:

        CKEDITOR.replace( 'in_articles_content', {
            filebrowserBrowseUrl: roxyFileman,
            filebrowserImageBrowseUrl: roxyFileman + '?type=image',
            removeDialogTabs: 'link:Upload;image:upload',
            uiColor: '#14B8C4',
            toolbar: [
                [ 'Format'], '-', ['JustifyLeft',  'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'NumberedList', 'BulletedList' ], '-', ['Image', 'Link', 'Unlink'],
                [ 'Bold', 'Italic', 'TextColor', 'BGColor', 'FontSize' ], ['Source']
            ],
            language: 'id'
        });