Terkadang kita memang senang dengan suatu produk apabila fungsi kustomisasi ditambahkan pada produk tersebut. Hal yang sama terjadi pada banyak produk Open Source, dimana dengan tersedianya kode sumber memungkinkan kita untuk membuat aplikasi tersebut sesuai dengan keinginan kita. CKEDITOR yang merupakan produk OpenSource ini menyediakan berbagai macam plugins ataupun parameter-parameter konfigurasi yang dapat digunakan untuk mengatur / mengkustom CKEDITOR. Untuk dapat menggunakan konfigurasi custom ini terdapat beberapa langkah yang mesti dimabil :
- membuat definisi file config.js yang biasanya satu lokasi dengan file ckeditor.js. Berikut ini merupakan contoh aplikasi tersebut.
CKEDITOR.editorConfig = function( config )
{
config.toolbar = 'Surat';
config.toolbar_Surat =
[
['Cut','Copy','Paste','PasteText','PasteFromWord'],
['Undo','Redo','-','SelectAll','RemoveFormat'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','About']
];
};
- cara menggunakannya pada file html seperti berikut ini :
< type="text/javascript" src="lokasi/file/ckeditor.js">
< type="text/javascript" src="lokasi/file/config.js">
< type="text/javascript">
CKEDITOR.config.customConfig = 'blah/ckeditor/ckeditor_config.js';
CKEDITOR.replace(Story);
< / script >
Yang perlu diperhatikan bahwa penentuan konfigurasi kustom mesti dilakukan sebelum membuat instan dari CKEDITOR (CKEDITOR.replate()).
referensi
http://cksource.com/forums/viewtopic.php?f=11&t=15881&start=0
Tampilkan postingan dengan label html editor. Tampilkan semua postingan
Tampilkan postingan dengan label html editor. Tampilkan semua postingan
Senin, 08 Maret 2010
Langganan:
Postingan
(
Atom
)