UBB编辑器_ASP基础

<!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>

时间: 2024-08-30 04:54:42

UBB编辑器_ASP基础的相关文章

很不错的一个UBB代码_ASP基础

<%Function HTMLEncode(ByVal strValue) '忽略错误 On Error Resume Next '定义变量 Dim strNewValue If strValue <> "" Then  strNewValue = Replace(strValue,"<","<")  strNewValue = Replace(strNewValue,">","&

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

《Visual Studio程序员箴言》----第1章 回顾编辑器的基础知识 1.1 基本编辑

第1章 回顾编辑器的基础知识 Visual Studio程序员箴言Microsoft Visual Studio中的性能改进是从编辑器开始的.无论是输入代码.编辑代码还是删除代码,除了纯粹的输入,无需执行其他的操作了.把这些技巧当作一个储钱罐,在其中存入多余的零钱.即使这些技巧当中的一些只能够为您省下短短的几秒钟时间,这几秒钟也能积少成多,变为几天.几周和几个月.省出这么长的时间用于消遣不是很好吗? 本文仅用于学习和交流目的,不代表异步社区观点.非商业转载请注明作译者.出处,并保留本文的原始链接

UBB编辑器

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>UBB编辑器</title> <meta http-equiv="Content-Type" content="text/ht

xhEditor编辑器入门基础_网页编辑器

1.1. 在线可视化HTML编辑器概述 在Web程序应用中,最常见的一种行为是信息和言论的发布和交流.而在信息发布的同时,往往会有对信息发布的格式.类型和功能上的需求,比如:加粗.下划线等等,以使文字信息能够更形象更美观的传达给阅读者,同时也提高信息发布的工作效率.在这个需求的背景下,HTML在线编辑器就应运而生了. 顾名思义,在线HTML编辑器就是在线编辑HTML代码的工具,它经常被应用于留言板留言.论坛发贴.Blog编写日志或等需要用户输入HTML的地方,是Web应用的常用模块之一.在线HT

自己动手,结合javascript和dhtml做一个ubb编辑器

dhtml|javascript|ubb    看到chinaASP论坛的abc code editor了吗?是不是觉得很cool? 说真的,刚见到我还以为是用别的什么语言做的控件呢,后来才发现没有那么神秘的.前几天做一个商品bbs,客户要求支持ubb,同时也要做一个编辑器.现在我把做ubb的思路给大家讲一下.    首先遇到的是界面问题,实际上这个很好解决,只是利用td的onmouseover.onmouseout和onmousedown来实现,具体实现方法件下面的代码.    其次就是实现文

改进性能和样式的24个ASP 技巧_ASP基础

简介 技巧 1:在 Web 服务器上缓存常用数据 技巧 2:在 Application 或 Session 对象中缓存常用数据 技巧 3:在 Web 服务器磁盘上缓存数据和 HTML 技巧 4:避免在 Application 或 Session 对象中缓存非灵活组件 技巧 5:不要在 Application 或 Session 对象中缓存数据库连接 技巧 6:妙用 Session 对象 技巧 7:在 COM 对象中封装代码 技巧 8:晚点获取资源,早点释放资源 技巧 9:进程外的执行将牺牲可靠性

UBB编辑器原来就这么简单

ubb <script>/* * 功能:UBB编辑控制函数 * 参数: tag 为标签名称 val 为标签参数 * 返回:[标签名称=参数]修饰文字[/标签名称] *       [标签名称]修饰文字[/标签名称] *       [标签名称=参数][/标签名称] */function ubbaction(tag, val){ var tag = tag.toUpperCase(); if(typeof(val) == "undefined"){  val = "

【COCOSBUILDER 开发系列之一】COCOS2DX使用COCOSBUILDER(官方编辑器)完成基础骨骼动画

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/cocosbuilder/1061.html 关于CocosBuilder 已经成为cocos2d.cocos2dx的官方编辑器,主要作用是场景编辑器.新版本中还已经支持了骨骼动画.[对于CocosBuilder Himi最新书籍中也有讲述] 对于骨骼动画,其实类似动作编辑器,将图的切片组成一帧,然后设置时间轴事件(序列动画),[动编里则是将