tinyMce ¿¡µðÅÍ À̹ÌÁö¾÷·Îµå(image upload) Ãß°¡
¿©·¯°¡Áö À§ÁöÀ¨¿¡µðÅ͸¦ »ç¿ëÇϴµ¥.. ±×Áß¿¡ ¾Ë°ÔµÈ ¿¡µðÅÍ
tinyMce ¹«·á¶ó¼ ÁÁ´Ù. ¾ÆÀÌÄÜÀ̶ó´ø°¡ µðÀÚÀεµ ½ÉÇÃÇÏ°í ¾ð¾îÆѵµ ´Ù¾çÇÏ°Ô Áö¿øµÇ°í
¾à°£ Ãʱ⼳Á¤ÀÌ Á¶±Ý ÀÖ±â´ÂÇÏÁö¸¸ ±×¸® ¾î·ÆÁö ¾Ê±â¶§¹®¿¡
Å«ºÒÆíÇÔ¾øÀÌ »ç¿ë°¡´ÉÇÒµí.
ȨÆäÀÌÁö : http://www.tinymce.com/
´ÙÁÁÀºµ¥ º¸´Ï±ñ À̹ÌÁö ÷ºÎ ºÎºÐÀÌ ¼¹ö¿¡¼ URL Àû¾î¼ ¿¬°áÇÏ´Â ºÎºÐÀ̶ó.
¾÷·Îµå ±â´ÉÀ¸·Î º¯°æ. ¾ÆÁÖ °£´ÜÇÏ°Ô ¾Æ·¡ ¼Ò½ºÂü°í
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | tinymce.init({ selector: "#mytextarea" , theme: "modern" , language: "ko" , menubar: false , plugins: "autolink autosave code link media image table textcolor autoresize" , toolbar: "undo redo | styleselect | forecolor bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table link media custom_image code " , setup: function (editor) { editor.addButton( 'custom_image' , { title: 'À̹ÌÁö»ðÀÔ' , icon: 'image' , onclick: function () { window.open( "POPUP_URL" , "tinymcePop" , "width=400,height=350" ); } }); } }); |
±âº»¼³Á¤¿¡ ¸î°¡Áö Ãß°¡ÇÏ°í
ÇÙ½ÉÀº Àú±â Ç÷¯±×Àο¡ custom_image ¶ó´Â °Í°ú
addButton ¿¡ custom_image ¸¦ ¸ÂÃçÁÖ¸é µÊ. icon ¿¡ image ¸¦ ¾²¸é
ÀÚü À̹ÌÁö ¾ÆÀÌÄÜÀÌ ³ª¿É´Ï´Ù. ±×·¯±â À§Çؼ± »ç¿ëÇÏÁø ¾ÊÁö¸¸ Ç÷¯±×Àο¡ image µµ Ãß°¡
¹öÆ°Ãß°¡ Çü½ÄÀ¸·Î ±¸ÇöÇÏ´Â °Ì´Ï´Ù.
Æ˾÷âÀº Æò¼Ò ¾÷·Îµå ÇÏ´Â ¹æ½Ä´ë·Î Á÷Á¢ ±¸ÇöÇÏ½Ã¸é µË´Ï´Ù.
ÆÄÀÔ¾÷·ÎµåÈÄ Æ˾÷â ¿¡¼ ¾Æ·¡¿Í °°ÀÌ ÀÔ·ÂÇÏ¸é µË´Ï´Ù.
1 | opener.tinymce.activeEditor.execCommand( "mceInsertContent" , 'false' ,À̹ÌÁö°æ·Î); |
±×·¯¸é ¿¡µðÅÍ º»¹®¿¡ À̹ÌÁö°¡ »ðÀÔÀÌ µË´Ï´Ù.
°£´ÜÇÏÁê?
¿¹Á¦ : http://dev.songtory.com/template/editor_temp.html