When we are doing bbs projects, we need to use ubb editor. Backend managers generally use CKEditor editor, and netizens generally use ubb editor. Many people don’t know much about ubb editor. The following is the Error New Editor. The editor briefly analyzes the UBB editor for you.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "' target=_blank rel=nofollow>http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>UBB Editor</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;
}
else
{
isIE=false;
}
function AddText(NewCode)
{
if(document.all){
insertAtCaret(document.ubbform.Content, NewCode);
document.ubbform.Content.focus();
}
else
{
document.ubbform.Content.value += NewCode;
document.ubbform.Content.focus();
}
}
function insertAtCaret (textEl, text){
if (textEl.createTextRange && textEl.caretPos)
{
var caretPos = textEl.caretPos;
caretPos.text += caretPos.text.charAt(caretPos.text.length - 2) == ' ' ? text + ' ' : text;
}
else if(textEl)
{
textEl.value += text;
}
else
{
textEl.value = text;
}
}
function ubbFormat(what)
{
if (document.selection && document.selection.type == "Text")
{
var range = document.selection.createRange();
range.text = "["+what+"]" + range.text + "[/"+what+"]";
}
else
{
txt=window.prompt("Please enter content","");
if (txt!=null) {
AddTxt="["+what+"]"+txt;
AddText(AddTxt);
AddText("[/"+what+"]");
}
}
}
function ubbInsert(what)
{
if (document.selection && document.selection.type == "Text")
{
var range = document.selection.createRange();
range.text = "["+what+"]" + range.text + "[/"+what+"]";
}
else
{
txt=window.prompt("Please enter content","");
if (txt!=null) {
AddTxt="["+what+"]"+txt;
AddText(AddTxt);
AddText("[/"+what+"]");
}
}
}
function chsize(size) {
if (document.selection && document.selection.type == "Text")
{
var range = document.selection.createRange();
range.text = "[size=" + size + "]" + range.text + "[/size]";
}
else
{
txt=window.prompt("Please enter content","");
if (txt!=null)
{
AddTxt="[size="+size+"]"+txt;
AddText(AddTxt);
AddText("[/size]");
}
}
}
function chfont(font) {
if (document.selection && document.selection.type == "Text") {
var range = document.selection.createRange();
range.text = "" + range.text + "";
}
else
{
txt=window.prompt("Please enter content","");
if (txt!=null)
{
AddTxt=""+txt;
AddText(AddTxt);
AddText("");
}
}
}
function chcolor(color) {
if (document.selection && document.selection.type == "Text") {
var range = document.selection.createRange();
range.text = "" + range.text + "";
}
else
{
txt=window.prompt("Please enter content","");
if(txt!=null) {
AddTxt=""+txt;
AddText(AddTxt);
AddText("");
}
}
}
//-->
</script>
</head>
<body>
<form method=post name="ubbform" action="">
<table align="center" border="0">
<tr>
<td>
<select name="font" onFocus="this.selectedIndex=0" onChange="chfont(this.options[this.selectedIndex].value)" size="1">
<option value="" selected>Select font</option>
<option value="宋体">宋体</option>
<option value="bold">bold</option>
<option value="Arial">Arial</option>
<option value="Book Antiqua">Book Antiqua</option>
<option value="Century Gothic">Century Gothic</option>
<option value="Courier New">Courier New</option>
<option value="Georgia">Georgia</option>
<option value="Impact">Impact</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
</select>
<select name="size" onFocus="this.selectedIndex=0" onChange="chsize(this.options[this.selectedIndex].value)" size="1">
<option value="" selected>Font size</option>
<option value="-2">-2</option>
<option value="-1">-1</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<select name="color" onFocus="this.selectedIndex=0" onChange="chcolor(this.options[this.selectedIndex].value)" size="1">
<option value="" selected>Font color</option>
<option value="Black" style="background-color:black;color:black;">Black</option>
<option value="White" style="background-color:white;color:white;">White</option>
<option value="Red" style="background-color:red;color:red;">Red</option>
<option value="Yellow" style="background-color:yellow;color:yellow;">Yellow</option>
<option value="Pink" style="background-color:pink;color:pink;">Pink</option>
<option value="Green" style="background-color:green;color:green;">Green</option>
<option value="Orange" style="background-color:orange;color:orange;">Orange</option>
<option value="Purple" style="background-color:purple;color:purple;">Purple</option>
<option value="Blue" style="background-color:blue;color:blue;">Blue</option>
<option value="Beige" style="background-color:beige;color:beige;">Beige</option>
<option value="Brown" style="background-color:brown;color:brown;">Brown</option>
<option value="Teal" style="background-color:teal;color:teal;">Teal</option>
<option value="Navy" style="background-color:navy;color:navy;">Navy</option>
<option value="Maroon" style="background-color:maroon;color:maroon;">Maroon</option>
<option value="LimeGreen" style="background-color:limegreen;color:limegreen;">LimeGreen</option>
</select>
</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="ubbFormat('I')"><img src="ubb/underline.gif" border="0" alt="underline" onClick="ubbFormat('U')"><img src="ubb/center.gif" border="0" alt="center alignment" onClick="ubbFormat('CENTER')"><img src="ubb/email.gif" border="0" alt="Insert EMAIL Address" onClick="ubbFormat('EMAIL')"><img src="ubb/url.gif" border="0" alt="Insert URL" onClick="ubbFormat('URL')"><img src="ubb/quote.gif" border="0" alt="Quote" onClick="ubbFormat('QUOTE')"><img src="ubb/wmv.gif" border="0" alt="Insert Video" onClick="ubbFormat('MEDIA')"><img src="ubb/image.gif" border="0" alt="insert flash animation" onClick="ubbInsert('FLASH')"><img src="ubb/image.gif" border="0" alt="insert picture" onClick="ubbInsert('IMG')">
</td>
</tr>
<tr>
<td><textarea name="Content" rows="10" cols="80"></textarea></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</form>
</body>
</html>
The above is a brief analysis of the content of UBB editor. I hope it will be helpful to everyone's learning, and I hope everyone will support the wrong new technology channel.