ȨÀ¸·Î | ¹«·áȸ¿ø°¡ÀÔ | ¾ÆÀ̵ð/ºñ¹øÃ£±â
ÃßõÀ½¾Ç¹æ¼Û
´ÙÀ½¿ÀÇ¿¡µðÅÍ ¹× ¼³Ä¡¹æ¹ý
11³â Àü
´ÙÀ½ ¿ÀÇ ¿¡µðÅͰ¡ ¿ÀÇ À¥¿¡µðÅ͵é Áß ±×³ª¸¶ »ç¿ë¼ºÀÌ ÁÁÀ» °Å °°¾Æ php °Ô½ÃÆÇ µî¿¡ Àû¿ëÇØºÃ´Ù.

´Ù¿î·Îµå´Â http://code.google.com/p/daumopeneditor/downloads/list

daumeditor-5.4.0.zip

ÅèĹÀ» ¼³Ä¡Ç϶ó°í ¸Þ´º¾ó¿¡ ³ª¿Í Àֱ淡 ÷¿¡ Æ÷±âÇÒ·Á´Ù°¡ ¾îÂ¥ÇÇ ÀÚ¹Ù½ºÅ©¸³Æ®·Î ±¸µ¿µÉ²¨ ±×³É ¹Ù·Î Àû¿ë½ÃÄÑ ºÃ´Âµ¥.. Àß µÈ´Ù..

¡¡

¿ì¼± ´Ù¿î ¹ÞÀº ÆÄÀÏÀ» µð·ºÅ丮¸íÀ» ¹Ù²ã¼­ ftp·Î ¾÷·Îµå.

/editor ¶ó´Â µð·ºÅ丮¸íÀ¸·Î ÇØ¼­ °Ô½ÃÆÇ, Æû¸ÞÀÏ µî ¾Æ¹« °÷¿¡¼­³ª include ÇØ¼­ »ç¿ëÇÒ ¼ö ÀÖ°Ô ¼öÁ¤ÇÑ´Ù.

¡¡

1. ¿¡µðÅÍ µð·ºÅ丮¿¡¼­ ¿¹Á¦·Î ¿Ã·Á³õÀº daumeditor.html ÆÄÀÏÀ» editor.php ÆÄÀÏ·Î º¯°æ ÈÄ ¼öÁ¤.

¡¡

/editor.php

<link rel="stylesheet" href="/editor/css/editor.css" type="text/css"  charset="euc-kr"/>
<script-x src="/editor/js/editor.js" type="text/javascript-x" charset="euc-kr"></script-x>
<script-x src="/editor/js/editor_sample.js" type="text/javascript-x" charset="euc-kr"></script-x>

¡¡

<!-- ¿¡µðÅÍ ÄÁÅ×ÀÌ³Ê ½ÃÀÛ -->
<div id="tx_trex_container" class="tx-editor-container">

..

..

..

</div>
<!-- ¿¡µðÅÍ ÄÁÅ×ÀÌ³Ê ³¡ -->

¡¡

/*

daumeditor.html¿¡¼­ css¿Í js ÆÄÀÏ ¸µÅ© ºÎºÐ°ú ¿¡µðÅÍÀÇ ¸öü¿¡ ÇØ´çÇÏ´Â À§ÀÇ ºÎºÐ±îÁö º¹»ç.

<!-- ÆíÁý¿µ¿ª ½ÃÀÛ --> À̶ó´Â ºÎºÐÀÇ loading2.png ÆÄÀÏÀÇ °æ·Î¸¦ Àý´ë °æ·Î·Î º¯°æ (/editor/images/icon/loading2.png)

±×´ÙÀ½À¸·Î ¿¡µðÅÍÀÇ Ãʱ⠼³Á¤À» ·Îµù½ÃŰ´Â ¾Æ·¡ ºÎºÐ º¹»ç.

*/

¡¡

<script-x type="text/javascript-x">
// <![CDATA[

/*-------- ¿¡µðÅÍ ·Îµå ½ÃÀÛ ----------*/
new Editor({
txHost: '', /* ·±Å¸ÀÓ ½Ã ¸®¼Ò½ºµéÀ» ·ÎµùÇÒ ¶§ ÇÊ¿äÇÑ ºÎºÐÀ¸·Î, °æ·Î°¡ º¯°æµÇ¸é ÀÌ ºÎºÐ ¼öÁ¤ÀÌ ÇÊ¿ä.
txPath: '/editor/', /* ·±Å¸ÀÓ ½Ã ¸®¼Ò½ºµéÀ» ·ÎµùÇÒ ¶§ ÇÊ¿äÇÑ ºÎºÐÀ¸·Î, °æ·Î°¡ º¯°æµÇ¸é ÀÌ ºÎºÐ ¼öÁ¤ÀÌ ÇÊ¿ä. */
txVersion: '5.4.0', /* ¼öÁ¤ÇÊ¿ä¾øÀ½. */
txService: 'sample', /* ¼öÁ¤ÇÊ¿ä¾øÀ½. */
txProject: 'sample', /* ¼öÁ¤ÇÊ¿ä¾øÀ½. ÇÁ·ÎÁ§Æ®°¡ ¿©·¯°³ÀÏ °æ¿ì¸¸ ¼öÁ¤ÇÑ´Ù. */
initializedId: "", /* ´ëºÎºÐÀÇ °æ¿ì¿¡ ºó¹®ÀÚ¿­ */
wrapper: "tx_trex_container"+"", /* ¿¡µðÅ͸¦ µÑ·¯½Î°í ÀÖ´Â ·¹À̾î À̸§(¿¡µðÅÍ ÄÁÅ×À̳Ê) */
form: 'frmWrite'+"", /* µî·ÏÇϱâ À§ÇÑ Form À̸§ */
txIconPath: "/editor/images/icon/", /*¿¡µðÅÍ¿¡ »ç¿ëµÇ´Â À̹ÌÁö µð·ºÅ͸®, Çʿ信 µû¶ó ¼öÁ¤ÇÑ´Ù. */
txDecoPath: "/editor/images/deco/", /*º»¹®¿¡ »ç¿ëµÇ´Â À̹ÌÁö µð·ºÅ͸®, ¼­ºñ½º¿¡¼­ »ç¿ëÇÒ ¶§´Â ¿Ï¼ºµÈ ÄÁÅÙÃ÷·Î ¹èÆ÷µÇ±â À§ÇØ Àý´ë°æ·Î·Î ¼öÁ¤ÇÑ´Ù. */
canvas: {
 styles: {
    color: "#5a5a5a", /* ±âº» ±ÛÀÚ»ö */
    fontFamily: "±¼¸²", /* ±âº» ±ÛÀÚü */
    fontSize: "9pt", /* ±âº» ±ÛÀÚÅ©±â */
    backgroundColor: "#fff", /*±âº» ¹è°æ»ö */
    lineHeight: "1.5", /*±âº» ÁÙ°£°Ý */
    padding: "5px" /* À§ÁöÀ¨ ¿µ¿ªÀÇ ¿©¹é */
   }
  }, 
 
  sidebar: {
   attacher: {
    image: {
           multiple: true,
           multipleuse: false,
           checksize: false,
           boxonly: false,
           wysiwygonly: true,
           objattr: {width: 680},
           features: { left:250, top:65, width:600, height:310, scrollbars:0},
           popPageUrl: "/editor/pAttachPhoto.php"
    },
    file: {
           multiple: true,
           multipleuse: false,
           checksize: true,
           boxonly: true,
           wysiwygonly: false,
           features: { left:250, top:65, width:600, height:235, scrollbars:0},
           popPageUrl: "/editor/pAttachFile.php"
    }
   }
  }
 });
 /*-------- ¿¡µðÅÍ ·Îµå ³¡ ----------*/
// ]]>
</script-x>

¡¡

/*

ºÓÀº »ö ºÎºÐÀº ÀÚ±â ȯ°æ¿¡ ¸Â°Ô ÀûÀýÈ÷ ¼öÁ¤.

¡¡

txPath : ¿ÜºÎ µð·ºÅ丮¿¡¼­ include »ç¿ëÇÒ °ÍÀ̱⠶§¹®¿¡ ¿¡µðÅÍ µð·ºÅ丮ÀÇ Àý´ë°æ·Î¸¦ ÀÔ·Â.

form : °Ô½ÃÆÇ µî¿¡¼­ »ç¿ëµÇ¾îÁö´Â form ³×ÀÓ. ³ª´Â ÁÖ·Î ÆûÀ̸§À» frmWrite·Î »ç¿ëÇØ¼­ frmWrite·Î ¼³Á¤.

txIconPath, txDecoPath : Àý´ë °æ·Î·Î ÀÔ·Â.

¡¡

attacher ¼³Á¤Àº ÆÄÀÏ Ã·ºÎ½ÃÀÇ ¼³Á¤À» À§ÇÑ °ÍÀÌ´Ù.(image¾÷·Îµå¿Í ÆÄÀÏ ¾÷·Îµå·Î ³ª´©¾î ¼³Á¤)

imageºÎºÐÀÇ objattr: {width: 680}Àº ºäÆäÀÌÁö¿¡¼­ À̹ÌÁöÀÇ °¡·Î»çÀÌÁ 680Çȼ¿·Î Àû¿ë½ÃÄÑÁØ´Ù.

popPageUrl : À̹ÌÁö ¹× ÆÄÀÏ ¾÷·Îµå ÆË¾÷ ÆäÀÌÁö

¡¡

file ºÎºÐÀÇ boxonly: true, wysiwygonly: false ·Î ¼³Á¤ÇÑ °ÍÀº ÀÏ¹Ý ÆÄÀÏ Ã·ºÎ´Â ³»¿ë¿¡ Ç¥½ÃµÇÁö ¾Êµµ·Ï Çϱâ À§ÇÑ °Í.

*/

¡¡

2. °Ô½ÃÆÇ form (/bbs/write.php)

ÀϹÝÀûÀ¸·Î »ç¿ëµÇ´Â ¾²±â ÆäÀÌÁöÀÇ form¿¡¼­ ¿¡µðÅ͸¦ include ÇØ¼­ º»¹® ¾²±â¿Í ÆÄÀÏ ¾÷·Îµå¸¦ Àû¿ë.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>°Ô½ÃÆÇ</title>

</head>

<body>

¡¡

<script-x type="text/javascript-x">

 function fnCheckInput() {
  Editor.save();
 }


 function validForm(editor) { 
  if($tx('chTitle').value == ""){
   alert('Á¦¸ñÀ» ÀÔ·ÂÇϼ¼¿ä'); return false;
  }

¡¡

  /* º»¹® ³»¿ëÀÌ ÀԷµǾú´ÂÁö °Ë»çÇÏ´Â ºÎºÐ */
  var _validator = new Trex.Validator();
  var _content = editor.getContent();
  if(!_validator.exists(_content)) {
   alert('³»¿ëÀ» ÀÔ·ÂÇϼ¼¿ä');
   return false;
  }
  
  return true;
 }
 
 function setForm(editor) {
  var _formGen = editor.getForm();
 
  var _content = editor.getContent();
  _formGen.createField(
   tx.textarea({
    /* º»¹® ³»¿ëÀ» Çʵ带 »ý¼ºÇÏ¿© °ªÀ» ÇÒ´çÇÏ´Â ºÎºÐ */
    'name': "tx_content",
    'style': { 'display': "none" }
   },
   _content)
  );
 
  // À̹ÌÁö ÷ºÎ ýũ
  var nCount = 0;
  var _attachments = editor.getAttachments('image');
  for(var i=0; i<_attachments.length; i++) {
   /* existStage´Â ÇöÀç º»¹®¿¡ Á¸ÀçÇÏ´ÂÁö ¿©ºÎ */
   if (_attachments[i].existStage) {
    /* data´Â ÆË¾÷¿¡¼­ execAttach µîÀ» ÅëÇØ ³Ñ±ä µ¥ÀÌÅÍ */
    //alert(_attachments[i].data);
    _formGen.createField(
     tx.input({'name': 'aFile[' + i + ']', 'type': 'hidden', 'value': _attachments[i].data.filename})
    );
    _formGen.createField(
     tx.input({'name': 'aFileType[' + i + ']', 'type': 'hidden', 'value': 'image'})
    );
    nCount ++;
   }
  }
 
  // ÆÄÀÏ Ã·ºÎ ýũ
  var _attachments = editor.getAttachments('file', true);
  for(var i=0; i<_attachments.length; i++) {
   _formGen.createField(
    tx.input({'name': 'aFile[' + (nCount+i) + ']', 'type': 'hidden', 'value': _attachments[i].data.filename})
   );
   _formGen.createField(
    tx.input({'name': 'aFileType[' + (nCount+i) + ']', 'type': 'hidden', 'value': 'file'})
   );
  }
 
  return true;
 }
</script-x>

¡¡

<form name="frmWrite" id="frmWrite" method="post" action="register.php">

¡¡

<table width="100%" bordercolor="#e9e9e9" frame="hsides" rules="all">

    <tr>

        <td>Á¦¸ñ : </td>

        <td><input name="chTitle" id="chTitle" type="text" style="width:90%;" /></td>

    <tr>

</table>

<div>

<?

    include $DOCUMENT_ROOT."/editor/editor.php";

?>

</div>

<div>

    <img src="/images/btn/btn_submit.gif" style="cursor:pointer;" onclick="fnCheckInput();" />

</div>

</table>

¡¡

</form>

write.php ÆÄÀÏ¿¡¼­ µî·Ï ¹öưÀ» Ŭ¸¯Çϸé Editor.save()°¡ È£ÃâÀÌ µÇ°í, validForm ÇÔ¼ö¿¡¼­ Æûýũ¸¦ ÇÑÈÄ true°¡ µÇµ¹·ÁÁö¸é

setForm ÇÔ¼ö¿¡¼­ Á¦¸ñ, º»¹® ³»¿ë, ¾÷·ÎµåµÈ À̹ÌÁö¿Í ÆÄÀϵîÀ» register.php ÆÄÀÏ·Î submit ÇÏ°Ô µÇ´Â ±¸Á¶´Ù.

ÃßõÃßõ : 753 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
3,030
 Á¦ÀÌÄõ¸® ±âº» ¸í·É¾î
3,029
 À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
3,028
 ¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
3,027
 [HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
3,026
 HTML <Audio> »ç¿ë¹ý
3,025
 À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (Ãʰ£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
3,024
 PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆÄ¾ÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
3,023
 [CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
3,022
 CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
3,021
 ¿©·¯ µµ¸ÞÀÎµé °£ ÄíŰ °øÀ¯Çϱâ
3,020
 ÅÂ±× »çÀÌ¿¡ ÀÖ´Â ÅØ½ºÆ®¸¦ ÃßÃâ
3,019
 [JQuery] textbox focus on offÀ϶§ ¼ýÀÚ ÄÞ¸¶ º¸¿©ÁÖ±â
3,018
 ÄíŰ »ý¼º,°¡Á®¿À±â,»èÁ¦
3,017
 »ç¿ëÀÚ ÇÔ¼ö ¸ðÀ½
3,016
 ¸¶¿ì½º,Űº¸µå Á¦ÇÑ ( ¿À¸¥ÂÊŬ¸¯,µå·¡±×,¿µ¿ª¼±Åõî..)
3,015
 [HTML5] <video> - DOMÀ¸·Î Á¦¾îÇϱâ
3,014
 HTML5 video ű׿¡¼­ ¿µ»ó Á¿ì¹ÝÀü
3,013
 PHP - ƯÁ¤ ÅÂ±× ¹× ¹®ÀÚ¿­ ÃßÃâ, Á¦°Å
3,012
 [PHP] define°ú definedÀÇ Â÷ÀÌ
3,011
 ¿ìŬ¸¯ ¿Ïº®Â÷´Ü ½ºÅ©¸³Æ®
3,010
 iframe ³ôÀÌ 100% ¸ÂÃß±â
3,009
 curl ÇÔ¼ö¸¦ ÀÌ¿ëÇÑ HTTP REFERER º¯°æ
3,008
 À©µµ¿ì10 ½Ã½ºÅÛ ÆÄÀÏ ¹× Dism °Ë»ç
3,007
 ÅؽºÆ® ÁٹٲÞ, ±ÛÀÚÀÚ¸£±â CSS
3,006
 jQuery Mobile¿¡¼­ À¯¿ëÇÑ ÄÚµå 10°¡Áö.
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright (C) musictrot All rights reserved.