S0t4's Blog

Hanya Catatan dan Mencoba Untuk Berbagi

Thursday, May 24, 2012

Generate Tag HTML otomatis Pakai TinyMCE

  Blogger Sejati       Thursday, May 24, 2012
Hanya Catatan....


Berangkat dari keinginan membuat email blast di kantor berbasis web, akhirnya nemu juga cara untuk membuat pesan email yang akan dikirim langsung dalam format HTML yakni dengan menggunakan tinyMCE. Program berbasis javascript ini Open source, bisa didownload disini atau dari websitenya langsung.


Screenshootnya : 






Mungkin ini sudah basi ya... tapi informasi tidak salahnya di share....OK LANJUT....


Langkahnya :

  1. Setelah di download, extract filenya di ke webserver, misalnya ditaruh di folder js di root directory website.
  2. di script untuk membuat email tambahkan script tinyMCE di bagian head atau dimana saja.


    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset="iso-8859-1" />
    <script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">tinyMCE.init({        
    // General options        mode : "textareas",        theme : "advanced",        plugins : "contextmenu,directionality,emotions,iBrowser,media,nonbreaking,paste, searchreplace,spellchecker,tabfocus, table,visualchars",
    // Theme options
    theme_advanced_buttons1 : "save,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

    theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",

    theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

    theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
    theme_advanced_toolbar_location : "top",

    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",theme_advanced_resizing : true,
    skin : "o2k7",
    skin_variant :silver"
    });

    </script>
    </head>
  3. Selanjutnya di bagian body tinggal tambahkan text area di dalam form seperti biasa :

    <form name=kirim action="kirim.php" method="POST">
    ....
    <textarea></textarea>
    </form>
  4. Kalau berhasil nanti tampilan textarea-nya akan seperti screenshoot diatas, dan kalau dikirim otomatis akan ditambahkan tag-tag HTML pada value dari textarea.


Untuk mengirim email dalam format HTML selain menggunakan tinyMCE untuk membuat pesan dalam format HTML, untuk emailnya sendiri aku pakai class PHP yakni dnegan menggunakan phpmailler.


Dan sudah aku bahas di postingan sebelumnya....






Selamat mencoba....






logoblog

Thanks for reading Generate Tag HTML otomatis Pakai TinyMCE

Previous
« Prev Post

No comments: