BBS 프로젝트를 수행 할 때는 UBB 편집기를 사용해야합니다. 백엔드 관리자는 일반적으로 CKEDITOR 편집기를 사용하고 네티즌은 일반적으로 UBB 편집기를 사용합니다. 많은 사람들이 UBB 편집자에 대해 많이 모릅니다. 다음은 오류 새 편집기입니다. 편집자는 UBB 편집기를 간단히 분석합니다.
<! doctype html public "-// w3c // dtd html 4.01 전환 // en" ""target = _blank rel = nofollow> http://www.w3.org/tr/html4/loose.dtd ">
<html>
<헤드>
<title> UBB 편집기 </title>
<meta http-equiv = "content-type"content = "text/html; charset = gb2312">
<link href = "style.css"rel = "Stylesheet"type = "text/css">
<script language = "javaScript">
<!-
if (navigator.appName == "Microsoft Internet Explorer")
{
isie = true;
}
또 다른
{
Isie = 거짓;
}
함수 AddText (NewCode)
{
if (document.all) {
insertatcaret (document.ubbform.content, newcode);
document.ubbform.content.focus ();
}
또 다른
{
document.ubbform.content.value += NewCode;
document.ubbform.content.focus ();
}
}
함수 insertatcaret (텍스트, 텍스트) {
if (textel.creatextrange && textel.caretpos)
{
var caretpos = textel.caretpos;
caretpos.text += caretpos.text.charat (caretpos.text.length -2) == ''? 텍스트 + '': 텍스트;
}
else if (textel)
{
textel.value += 텍스트;
}
또 다른
{
textel.value = 텍스트;
}
}
기능 ubbformat (what)
{
if (document.Selection && document.Selection.Type == "text")
{
var 범위 = document.selection.createrange ();
range.text = "["+What+"]"+range.text+"[/"+What+"];
}
또 다른
{
txt = window.prompt ( "콘텐츠를 입력하십시오", "");
if (txt! = null) {
addTxt = "["+What+"]"+txt;
addText (addTxt);
AddText ( "[/"+What+"]");
}
}
}
기능 ubbinsert (what)
{
if (document.Selection && document.Selection.Type == "text")
{
var 범위 = document.selection.createrange ();
range.text = "["+What+"]"+range.text+"[/"+What+"];
}
또 다른
{
txt = window.prompt ( "콘텐츠를 입력하십시오", "");
if (txt! = null) {
addTxt = "["+What+"]"+txt;
addText (addTxt);
AddText ( "[/"+What+"]");
}
}
}
함수 chsize (size) {
if (document.Selection && document.Selection.Type == "text")
{
var 범위 = document.selection.createrange ();
range.text = "[size =" + size + "]" + range.text + "[/size]";
}
또 다른
{
txt = window.prompt ( "콘텐츠를 입력하십시오", "");
if (txt! = null)
{
addtxt = "[size ="+size+"]"+txt;
addText (addTxt);
addText ( "[/size]");
}
}
}
함수 chfont (font) {
if (document.Selection && document.Selection.Type == "text") {
var 범위 = document.selection.createrange ();
Range.Text = "" + Range.Text + "";
}
또 다른
{
txt = window.prompt ( "콘텐츠를 입력하십시오", "");
if (txt! = null)
{
addtxt = ""+txt;
addText (addTxt);
addText ( "");
}
}
}
함수 chcolor (색) {
if (document.Selection && document.Selection.Type == "text") {
var 범위 = document.selection.createrange ();
Range.Text = "" + Range.Text + "";
}
또 다른
{
txt = window.prompt ( "콘텐츠를 입력하십시오", "");
if (txt! = null) {
addtxt = ""+txt;
addText (addTxt);
addText ( "");
}
}
}
//->
</스크립트>
</head>
<body>
<form method = post name = "ubbform"action = "">
<테이블 align = "center"border = "0">
<tr>
<td>
<name = "font"onfocus = "this.selectedIndex = 0"onchange = "chfont (this.options [this.SelectedIndex] .Value)"size = "1">
<옵션 값 = ""selected> font </옵션>을 선택하십시오
<옵션 값 = "" "> </옵션>
<옵션 값 = "bold"> bold </옵션>
<옵션 값 = "arial"> arial </옵션>
<옵션 값 = "Book Antiqua"> Book Antiqua </옵션>
<옵션 값 = "Century Gothic"> Century Gothic </옵션>
<옵션 값 = "Courier New"> Courier New </옵션>
<옵션 값 = "조지아"> 조지아 </옵션>
<옵션 값 = "영향"> 충격 </옵션>
<옵션 값 = "Tahoma"> Tahoma </옵션>
<옵션 값 = "Times New Roman"> Times New Roman </옵션>
<옵션 값 = "Verdana"> Verdana </옵션>
</선택>
<select name = "size"onfocus = "this.selectedIndex = 0"onchange = "chsize (this.options [this.selectedIndex] .Value)"size = "1">
<옵션 값 = ""선택> 글꼴 크기 </옵션>
<옵션 값 = "-2">-2 </옵션>
<옵션 값 = "-1">-1 </옵션>
<옵션 값 = "1"> 1 </옵션>
<옵션 값 = "2"> 2 </옵션>
<옵션 값 = "3"> 3 </옵션>
<옵션 값 = "4"> 4 </옵션>
<옵션 값 = "5"> 5 </옵션>
<옵션 값 = "6"> 6 </옵션>
<옵션 값 = "7"> 7 </옵션>
</선택>
<name = "color"onfocus = "this.selectedIndex = 0"onchange = "chcolor (this.options [this.selectedIndex] .Value)"size = "1">
<옵션 값 = ""선택> 글꼴 색상 </옵션>
<옵션 값 = "검은 색"스타일 = "배경색 : 검은 색; 색상 : 검은 색;"> 블랙 </옵션>
<옵션 값 = "화이트"스타일 = "배경색 : 흰색; 색상 : 흰색;"> 흰색 </옵션>
<옵션 값 = "빨간색"스타일 = "배경색 : 빨간색; 색상 : 빨간색;"> 빨간색 </옵션>
<옵션 값 = "노란색"스타일 = "배경색 : 노란색; 색상 : 노란색;"> 옐로우 </옵션>
<옵션 값 = "핑크"스타일 = "배경색 : 핑크; 색상 : 핑크;"> 핑크 </옵션>
<옵션 값 = "녹색"스타일 = "배경색 : 녹색; 색상 : 녹색;"> 녹색 </옵션>
<옵션 값 = "오렌지"스타일 = "배경색 : 주황색; 색상 : 오렌지;"> 오렌지 </옵션>
<옵션 값 = "자주색"스타일 = "배경색 : 자주색; 색상 : 자주색;"> 퍼플 </옵션>
<옵션 값 = "파란색"스타일 = "배경색 : 파란색; 색상 : 파란색;"> 파란색 </옵션>
<옵션 값 = "베이지"스타일 = "배경색 : 베이지 색; 컬러 : Beige;"> Beige </옵션>
<옵션 값 = "브라운"스타일 = "배경색 : 갈색; 색상 : 갈색;"> 브라운 </옵션>
<옵션 값 = "청록"스타일 = "배경색 : 청록색; 색상 : 청록색;"> 청록 </옵션>
<옵션 값 = "해군"스타일 = "배경색 : 해군; 색상 : 해군;"> Navy </옵션>
<옵션 값 = "적갈색"스타일 = "배경색 : 적갈색; 색상 : Maroon;"> Maroon </옵션>
<옵션 값 = "Limegreen"Style = "Back
</선택>
</td>
</tr>
<tr>
<td>
<img src = "ubb/bold.gif"border = "0"alt = "bold"onclick = "ubbformat ( 'b')" "> <img src ="ubb/italicize.gif "border ="0 "alt ="italic "onclick ="ubbbformat ( 'i') "> <img src ="ubb/oldline.11.gif. alt = "밑줄"onclick = "ubbformat ( 'u')" "> <img src ="ubb/center.gif "border ="0 "alt ="center elignment "onclick ="ubbformat ( 'center') ""> <img src = "ubb/email.gif"border = "alt ="insert 이메일 주소 " onclick = "ubbformat ( 'email')"> <img src = "ubb/url.gif"border = "0"alt = "insert url"onclick = "ubbformat ( 'url')"> <img src = "ubb/quote.gif"border = "0 alt ="ubbformat = "ubbformat ( ')"> src = "ubb/wmv.gif"border = "0"alt = "video insert video"onclick = "ubbformat ( 'media')" "> <img src ="ubb/image.gif "border ="0 "alt ="insert flash 애니메이션 "Onclick ="ubbinsert ( 'flash') "> <img src = ubb/image.dif. alt = "사진 삽입"onclick = "ubbinsert ( 'img')">
</td>
</tr>
<tr>
<td> <textRea name = "content"rows = "10"cols = "80"> </textarea> </td>
</tr>
<tr>
<td> </td>
</tr>
</테이블>
</form>
</body>
</html>
위는 UBB 편집기의 내용에 대한 간단한 분석입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 잘못된 새로운 기술 채널을 지원하기를 바랍니다.