27 February 2008

Customizing Dreamweaver Help Menus

Kemarin hari saya baru saja mendownload Manual PHP versi CHM dari situs PHP.net . Sepertinya sih hasil downloadnya agak corrupt soalnya di bagian 'ZEND API Reference' gak bisa kebuka. Nanti saja download yg versi ZIPnya.

Terus buka Dreamweaver (versi 8) mau bikin sesuatu dengan PHP. Terus buka file CHM hasil download tadi. Selama sekian menit ngoding dengan berulang-ulang kali membuka file manual PHP. Akhirnya saya berpikir 'duh, repot banget klo tiap kali berulang-ulang membuka file CHM dan harus browse ke folder tempat file CHMnya disimpan'. Akhirnya ada ide supaya bisa membuka file CHM tadi langsung dari Dreamweaver. Akhirnya ? done! Setelah beberapa menit mengutak-atik konfigurasi Dreamweaver akhirnya bisa juga. hasilnya seperti gambar di bawah.

How to play nih ?

  1. Pertama-tama, buka folder templat instalasi Dreamweaver. Folder instalasnya biasanya namanya Macromedia. Sudah ketemu ? buka folder tersebut kemudian buka file Dreamweaver 8.
  2. Kemudian buka beberapa folder, yaitu : Configuration\Menus\, Configuration\Menus\MM , dan Help\.
  3. Backup file yang ada di Configuration\Menus\menus.xml dan Help\help.xml . Walaupun sudah ada backupnya di folder tersebut (.bak) tapi tidak ada salahnya membuat backup di tempat tersendiri. Kemudian backup juga file yang ada di Configuration\Menus\MM\CSHelp.htm . backup file CSHelp.htm-nya. File-file yang kita ubah tadi akan kita edit.
  4. Pertama-tama ,kita edit file menus.xml yang ada di folder Configuration\Menus\ . Buka file tersebut kemudian tambahkan tag berikut:

    <menuitem name="_PHP Manual"
    enabled="true"
    arguments="'PHPManual'"
    file="Menus/MM/CSHelp.htm"
    id="DWMenu_Help_PHPManual" />
    .

    Dimana menambahkannya ? pertanyan bagus. Untuk hal yang satu ini perlu sedikit pengetahuan tentang XML. Baiklah, lihat pada bagian paling bawah file menus.xml. Anda lihat tag </menus> lihat diatasnya lagi. Lihat tag </menubar> ? lihat lagi tag diatasnya. Lihat tag </menu> ? nah sekarang cari tag pembukanya yakni tag <menu name="_Help" id="DWMenu_Help" >. Nah diantara tag <menu> dan </menu> itulah anda harus menambahkan kode diatas tadi. Terserah dimana saja boleh anda tambahkan. Untuk mudahnya. Tambahkan saja paling atas. Tepat setelah <menu name="_Help" id="DWMenu_Help">.

    Hal diatas tadi untuk menambahkan menu kedalam menubar Help dreamweaver. Sekarang kita edit edit file berikutnya.
  5. Buka file help.xml. Tambahkan baris kode:

    <book-id id="PHPManual"
    win-mapping="php_manual_en.chm"
    mac-mapping="PHP Manual"/>



    Dimana menambahkannya ? Yang udah ngerti XML pasti udah tahu. Yup, anda boleh tambahkan setelah tag <?xml version="1.0" ?>. Sekarang kita akan mengedit file CSHelp.htm
  6. Buka file CSHelp.htm, buka dengan notepad, jangan dibuka dengan Browser karena kita akan mengubah beberapa javascriptnya. Sudah dibuka ? nah lihat pada bagian scriptnya. Yang perlu dilakukan disini adalah menambahkan suatu kondisi. Tambahkan code berikut :

    else if (arguments[0] == 'PHPManual' { helpDoc = "PHPManual:index.htm"; }

    Dimana ditambahkan ? Cari dari bawah kata else. Yup, tambahkan sebelum kata tersebut.
  7. Terakhir, jangan lupa copy file php_manual_en.chm ke folder Help\ . Done ! Hal itu saja yang perlu dilakukan. Setelah selesai, tutup Dreamweaver dan Buka kembali.

Ada masalah ? comment aja. Nanti akan aku jawab secepatnya.

No comments:

Post a Comment

Thanks udah mau komentar. Jgn lupa http:// nya kalau memasukkan alamat web/blog.