UBB编辑器
日期:2021-09-06 19:52:59 来源:脚本之家
<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>
您感兴趣的教程
在docker中安装mysql详解
本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...
win10中文输入法仅在桌面显示怎么办?
win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...
一分钟掌握linux系统目录结构
这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...
PHP程序员玩转Linux系列 Linux和Windows安装
这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...
win10怎么安装杜比音效Doby V4.1 win10安装杜
第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...
纯CSS实现iOS风格打开关闭选择框功能
这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...
Win7如何给C盘扩容 Win7系统电脑C盘扩容的
Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...
百度推广竞品词的投放策略
SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...
Visual Studio Code(vscode) git的使用教程
这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...
七牛云储存创始人分享七牛的创立故事与
这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...
Win10预览版Mobile 10547即将发布 9月19日上午
微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...
HTML标签meta总结,HTML5 head meta 属性整理
移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...
移动端html5模拟长按事件的实现方法
这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...
HTML常用meta大全(推荐)
这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...
cdr怎么把图片转换成位图? cdr图片转换为
cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...
win10系统怎么录屏?win10系统自带录屏详细
当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...