CI 코드

제목 [예제] cieditor 웹에디터
글쓴이 ci세상 작성시각 2010/02/26 17:32:35
댓글 : 4 추천 : 5 스크랩 : 0 조회수 : 20326   RSS

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> 



 다음글 Codeigniter 2.1.x 기반 공개보드 (45)
 이전글 [예제] 폼헬퍼 > 동적 다중셀렉트 (1단, 2단... (1)

댓글

불꽃코딩 / 2010/03/01 10:54:34 / 추천 0
좋네요~.~
화끈하게 추천 2방 날리고 갑니다....;
(근데왜 2번되는건가요? ㅎㅎㅎ)
변종원(웅파) / 2010/03/01 23:48:13 / 추천 0
기본기능만 있는거라 체크 안합니다. ㅎㅎ
그래서 포럼명 뒤에 베타가 붙어 있죠.

포럼소스 공개하고 나면 다른 분들이 가져다 쓰시고 좀더 낫게해서 공개하실 줄 알았는데
저 혼자만의 생각이었나 봅니다. 제가 알기로는 상당히들 다운을 받아가셨고
포럼소스로 작업을 하시는 분도 알고 있는데.. ^^;;;
작돌이 / 2010/03/03 15:11:30 / 추천 0
 좀더 낫게 만들 능력이 안되셔서 그럴지도 -ㅅ-!
얌마 / 2010/04/07 21:50:51 / 추천 0

전... 실력이 꿀려서 공개할 엄두가... ^^;;;