| 제목 | [예제] cieditor 웹에디터 | ||
|---|---|---|---|
| 글쓴이 | ci세상 | 작성시각 | 2010/02/26 17:32:35 |
|
|
|||
|
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
|
|
변종원(웅파)
/
2010/03/01 23:48:13 /
추천
0
기본기능만 있는거라 체크 안합니다. ㅎㅎ
그래서 포럼명 뒤에 베타가 붙어 있죠. 포럼소스 공개하고 나면 다른 분들이 가져다 쓰시고 좀더 낫게해서 공개하실 줄 알았는데 저 혼자만의 생각이었나 봅니다. 제가 알기로는 상당히들 다운을 받아가셨고 포럼소스로 작업을 하시는 분도 알고 있는데.. ^^;;; |
|
작돌이
/
2010/03/03 15:11:30 /
추천
0
좀더 낫게 만들 능력이 안되셔서 그럴지도 -ㅅ-!
|
|
얌마
/
2010/04/07 21:50:51 /
추천
0
전... 실력이 꿀려서 공개할 엄두가... ^^;;; |
화끈하게 추천 2방 날리고 갑니다....;
(근데왜 2번되는건가요? ㅎㅎㅎ)