UBB编辑器原来就这么简单[1]

<script>
/*
 * 功能：ubb编辑控制函数
 * 参数: tag 为标签名称　val 为标签参数
 * 返回：[标签名称=参数]修饰文字[/标签名称]
 *       [标签名称]修饰文字[/标签名称]
 *       [标签名称=参数][/标签名称]
 */
function ubbaction(tag, val){
 var tag = tag.touppercase();
 if(typeof(val) == "undefined"){
  val = "";
 }
 if(val){
  val = "=" + val;
 }
 
 var r = document.selection.createrange().text;
 if(tag == "url"){
  val = prompt("请输入连接地址:(留空为选定地址)", "http://");
 if(val !=  "http://" && val != ""){
  val = "=" + val;
 }else{
  val = "";
 }
 }
 if(tag == "mail"){
  val = prompt("请输入邮箱地址:(留空为选定地址)", "");
 if(val != ""){
  val = "=" + val;
 }
 }
 rr = "[" + tag + val + "]" + r + "[/" + tag +"]";
 if(r){
  document.selection.createrange().text = rr;
 }else{
  document.all.content.value += rr;
 }
}
</script>
<form name="form1" method="post" action="">
  <input type="button" name="submit" value="b" onclick="ubbaction('b')">
  <input type="button" name="submit" value="i" onclick="ubbaction('i')">
  <input type="button" name="submit" value="u" onclick="ubbaction('u')">
  <select name='ffont' onchange="ubbaction('font', this.options[this.selectedindex].value); this.value = 0;">
    <option value='0'>font</option>
    <option value='arial' style='font-family:arial'>arial</option>
    <option value='times' style='font-family:times'>times</option>
    <option value='courier' style='font-family:courier'>courier</option>
    <option value='impact' style='font-family:impact'>impact</option>
    <option value='geneva' style='font-family:geneva'>geneva</option>
    <option value='optima' style='font-family:optima'>optima</option>
  </select>
  <select name='fsize' onchange="ubbaction('size', this.options[this.selectedindex].value); this.value = 0;">
    <option value='0'>size</option>
    <option value='1'>small</option>
    <option value='7'>large</option>
    <option value='14'>largest</option>
  </select>
  <select name='fcolor' onchange="ubbaction('color', this.options[this.selectedindex].value); this.value = 0;">
    <option value='0'>color</option>
    <option value=black style="background-color:black;color:black">black</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:l