codeigniter와 스크립트로 만들어진 cieditor 입니다. 기본적인 기능들은 충실하게 아이콘만 만들어 쓰시면 되겠습니다.^^

<script type="text/javascript" src="js/jquery-1.3.2.js"> </script>
<SCRIPT language="javascript">
jQuery(function($) {
$('form[name=form1]').submit( function () {
document.form1.content.value = dhtmlframe.document.body.innerHTML;
})
});
function htmledit(excute,values)
{
if(values==null)
{
dhtmlframe.document.execCommand(excute);
}
else
{
dhtmlframe.document.execCommand(excute,"",values);
}
}
</SCRIPT>
<?php echo form_open($this->uri->uri_string(),array('name' => 'form1')); ?>
<A href="javascript:htmledit('cut');">[자르기]</a>
<A href="javascript:htmledit('copy');">[복사]</a>
<A href="javascript:htmledit('paste');">[붙여넣기]</a>
<A href="javascript:htmledit('justifyleft');">[좌측정렬]</a>
<A href="javascript:htmledit('justifycenter');">[중심정렬]</a>
<A href="javascript:htmledit('justifyright');">[우측정렬]</a>
<A href="javascript:htmledit('insertorderedlist');">[점표시목록]</a>
<A href="javascript:htmledit('insertunorderedlist');">[숫자목록]</a>
<A href="javascript:htmledit('outdent');">[들여쓰기줄이기]</a>
<A href="javascript:htmledit('indent');">[들여쓰기늘이기]</a>
<A href="javascript:htmledit('createlink');">[링크]</a><BR>
[글꼴]
<A href="javascript:htmledit('fontname','굴림');">굴림</a>
<A href="javascript:htmledit('fontname','궁서');">궁서</a>
<br>
[글크기]
<A href="javascript:htmledit('fontSize',2);">2</a>
<A href="javascript:htmledit('fontSize',3);">3</a>
<A href="javascript:htmledit('fontSize',4);">4</a>
<br>
[글모양]
<A href="javascript:htmledit('bold');">볼드</A>
<A href="javascript:htmledit('italic');">이탤릭</A>
<A href="javascript:htmledit('underline');">언더라인</A>
<A href="javascript:htmledit('fontname');">언더라인</A>
<IFRAME id=webeditor NAME=dhtmlframe marginwidth="0" marginheight="0" frameborder="0" style="width:500;height:380"></IFRAME>
<?php echo validation_errors(); ?><br>
<input type="image" src="write_ok.gif" width="89" height="22" alt="">
<SCRIPT LANGUAGE="JavaScript">
dhtmlframe.document.designMode = "On"
var bHeader = "<style>P {margin-top:3px;margin-bottom:3px;}</style>";
bHeader2 = "<style>body {font-family:굴림; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #666666; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;scrollbar-arrow-color: #666666}</style>";
var bHeader3 = "<style>tr {font-size:9pt}</style>";
dhtmlframe.document.open();
dhtmlframe.document.write(bHeader);
dhtmlframe.document.write(bHeader2);
dhtmlframe.document.write(bHeader3);
dhtmlframe.document.close();
dhtmlframe.document.body.style.fontSize = "9pt";
</SCRIPT>
|