UBB编辑器

<!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编辑器</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("请输入内容","");     
        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("请输入内容","");     
        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("请输入内容",""); 
        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("请输入内容","");
        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("请输入内容","");
        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>选择字体</option>
        <option value="宋体">宋体</option>
        <option value="黑体">黑体</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>字体大小</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>字体颜色</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="粗体" onClick="ubbFormat('B')"><img src="ubb/italicize.gif" border="0" alt="斜体" onClick="ubbFormat('I')"><img src="ubb/underline.gif" border="0" alt="下划线" onClick="ubbFormat('U')"><img src="ubb/center.gif" border="0" alt="居中对齐" onClick="ubbFormat('CENTER')"><img src="ubb/email.gif" border="0" alt="插入EMAIL地址" onClick="ubbFormat('EMAIL')"><img src="ubb/url.gif" border="0" alt="插入网址" onClick="ubbFormat('URL')"><img src="ubb/quote.gif" border="0" alt="引用内容" onClick="ubbFormat('QUOTE')"><img src="ubb/wmv.gif" border="0" alt="插入视频" onClick="ubbFormat('MEDIA')"><img src="ubb/flash.gif" border="0" alt="插入flash动画" onClick="ubbInsert('FLASH')"><img src="ubb/image.gif" border="0" alt="插入图片" 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>

赞 (0)

相关推荐

  • DISCUZ论坛的UBB编辑器（增加灵活调用，支持ASP UBB解析)打包下载

    复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gbk">  <title>Discuz编辑器</title>  <m

  • UBB编辑器

    <!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编辑器</title><meta http-equiv="Content-Type

  • DISCUZ论坛的UBB编辑器（增加灵活调用，支持ASP)

    演示地址:http://52515.net/lib/upfile/ubb/下载地址:http://52515.net/lib/upfile/ubb.rar本地下载:http://www.jb51.net/downtools/discuzubb.rar

  • 又一个不错的FCKeditor 2.2的安装、修改和调用方法

    忽然发现自己 Blog 的 FCKeditor 无法使用,好惊讶!居然看好的 PJBlog 也会有不行的时候.马上到网上查找,把一些主要的东西 Copy 了下来.以下是主要内容FCKeditor的官方网站:www.fckeditor.com 和其他脚本类的程序一样,FCKeditor 的安装其实就是源代码的拷贝. 我们按照官方的方法,在网站根目录下建立 FCKeditor 这样一个文件夹, 然后把下载下来的文件包释放到该文件夹中. 只对一般的使用(ASP环境)进行配置和源文件的精简. 1.默认语

  • pjblog修改技巧汇总

    一.日志回复框中的表情一行显示的个数,怎么修改? 标准的是8个,我想修改成每行5个,因为我上传的表情尺寸有点大,造成页面扩大,有点混乱 方法:用记事本打开common目录中的UBBconfig.asp文件/--查找下面的代码:  程序代码 if SmilieCount=8 then SmilieHtml=SmilieHtml+"</tr>":SmilieCount=0 看到8了吧?修改成5就可以了-- 二.为什么后台添加了友情连接,可是不在首页显示? 进入后台--[友情连接

  • pjblog中的UBBCode.js

    //|===========================| //|   UBB编辑器JS代码 1.0     | //|      作者:舜子(PuterJam)  | //|   版权所有 2005           | //|===========================| var UBBBrowerInfo=new Object(); var sAgent=navigator.userAgent.toLowerCase(); UBBBrowerInfo.IsIE=sAgent

  • 浅谈C#下winform和JS的互相调用和传参(webbrowser)

    不多说,直接上代码,winform下button1调用js函数,从html页面获取值,然后JS调用WINFORM的函数,传送获取到的值到winform并通过messagebox的方法show出来.一步到位,winform调用JS函数和JS调用winform函数的方法都有了. C#的winform下代码如下: [System.Runtime.InteropServices.ComVisible(true)] public partial class Form1 : Form { public Fo

  • Pjblog模板制作教程 超强推荐

    Pjblog模板制作教程 超强推荐

    2007.1.30更新--转载自 http://www.dnxh.cn/blog/article.asp?id=155Pjblog的用户群越来越大,一个Blog就相当于一个Blogger网上的家.而现在追求个性的时代,给自己的Blog做过有个性的.符合自己特点的Skin是大家的一个愿望.但这个毕竟涉及到一些知识,我们需要通过自己的努力学习来完成我们的愿望.我将从零说起,大概是这样的一个过程:准备工作→Skin的构思→制图→切片→编写CSS→预览→调试兼容性→美化细节,预览和编写是个循环过程.我想

  • php Ubb代码编辑器函数代码

    复制代码 代码如下: <?php /* php Ubb代码编辑器 */ function get_ubb($ubb){ $ubb=preg_replace("/([B])(.*)([/B])/","<B>\2</B>" ,$ubb);//替换B粗体字 $ubb=preg_replace("/([I])(.*)([/I])/","<I>\2</I>" ,$ubb); $ubb

  • XHEditor编辑器使用文档

    为了同时支持Firefox和IE,我们常常用document.getElementById(id)方法来取得HTML对象.但是getElementById方法只能取得单个对象,而对于CheckBox数组则无能为力. 1. 下载xhEditor最新版本.下载地址:http://xheditor.com/download 2. 解压zip文件,将其中的xheditor.js以及xheditor_emot和xheditor_skin两个文件夹上传到网站相应目录 3. 在相应html文件的head标签结

随机推荐