UBB编辑器

最新推荐文章于 2021-06-25 04:55:33 发布
最新推荐文章于 2021-06-25 04:55:33 发布
阅读量3.2k 收藏
点赞数
分类专栏： 其他 文章标签： null javascript flash email html url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/erphome8/article/details/711404
版权
<!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/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>
erphome8
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一款不错的ubb编辑器
08-13
这是一个ubb编辑器，需要的朋友可以下载
ubb html编辑器,GitHub - ibone/ubb-editor: web编辑器
weixin_36382556的博客
06-22 396
ubb-editor是在逛工作的时候，根据诸多需求定制出来的，目的是轻量、存储数据更少、可控、安全、扩展性好、详细请看优点介绍，如果你发现了该编辑器的更多优点请来信告知^_^ ubb[email protected]######默认可编辑的样式粗体，字号，字体颜色，加链接(可通过添加插件来增加更多功能)######优点：输出样式严格控制比如：只希望评论中出现3种字体颜色，不希望出现第4种，那么其他基...
ubb html编辑器,UBB与HTML编辑器的区别
weixin_42554042的博客
06-25 387
教博有两种编辑器可以选择，一种是UBB编辑器，一种是HTML编辑器。两种不同编辑器主要的功能区别在于网页代码的运用上。比如说我博客中的html代码，包括整体模板的代码，就需要使用HTML编辑器；这两种编辑方式各有优点，使用选择全凭个人写日志习惯而定。两种编辑方式可以进入管理中心点击站点配置 → 修改我的站点信息 中设置。HTML编辑器HTML编辑器更适合对html代码比较熟悉，习惯用html代码...
ubb html编辑器,UBB 编辑器和 HTML 可视化编辑器的利弊
weixin_42469444的博客
06-22 407
两年前，基本所有的论坛和博客程序都是使用 UBB 编辑器的，但是UBB 编辑器的缺点很明显，无法马上看到自己写的日志的样子，要调整起来也不是那么容易，而且各种程序的 UBB 解析器不同所实现的功能也不全一样。不过 UBB 的好处也很明显，程序对内容的控制力十分强大，开发起来也很容易。鉴于 UBB 的缺点很明显，所以近两年都在努力发展 HTML 可视化编辑器(也叫所见即所得编辑器)，可视化编辑器的...
php中简单ubb案例,php Ubb代码编辑器函数代码
weixin_33816685的博客
03-19 122
/*php Ubb代码编辑器*/function get_ubb($ubb){$ubb=preg_replace("/([B])(.*)([/B])/","\2" ,$ubb);//替换B粗体字$ubb=preg_replace("/([I])(.*)([/I])/","\2" ,$ubb);$ubb=preg_replace("/([U])(.*)([/U])/","\2" ,$ubb);$ub...
DISCUZ论坛的UBB编辑器（增加灵活调用，支持ASP UBB解析)打包下载
10-30
从Discuz分离的网页编辑器，大家可以加到自己的页面上
经典好用ubb编辑器
04-22
ubb编辑器 自带三种表情，界面经典漂亮，可以嵌入到网页
asp ubb编辑器
04-23
asp ubb编辑器 主页:http://www.chenfangblog.com
UBB编辑器整理的7款
10-23
很实用的7款UBB编辑器，想要用的来下载把，比较的全面的
Ubb简单编辑器
02-22
Ubb简单编辑器
ubb在线编辑器(提供学习)
11-01
简单的UBB编辑器,不需要大量功能的编辑用户可以考虑试用
discuz的ubb编辑器(asp.net版)
01-07
此编辑器是根据discuz论坛(php 7.0)版UBB编辑器进行二次开发的，默认为所见即所得模式。本来没有打算进行二次开发的，但由于项目是.net，在网上搜了一大箩筐UBB编辑器都不怎么样，还是觉得discuz这个比较好，但这个只找到了php版，或许你会说discuz不是有.net版吗，但我要告诉你的是，.net版的确是有，但是要单纯的把编辑器剥离出来，是非常麻烦的，因为他ubb.cs这个编辑器的类里关联了很多东西是你不想要的，改动太麻烦了。为此我就进行了二次开发，并把UBB编辑器里的表情库从通过JS手工定义改成了从smilies.xml动态读取，便于维护表情库。编器也做成了组件，你只需要在VS开发工具中添加引用UBBTextBox.dll这个组件，像拖放控件一样拖放即可，兼容IE6.0、7.0、8.0和Firefox浏览器，多次测试过。详情请见源码。<BR><BR> 注：请在IIS建立单独站点，因为此程序组件设置脚本文件的路径是“/”根路径形式，如果不设置站点是找不到脚本文件的，这个是做为一个WEB程序员最基本要了解的，有很多人用不起就是因为这个，还说我传的东西用不起，你们连基本的知识都不会，算WEB程序员吗？ <br> 我讨厌CSDN资源不能更新，只能更新文字说明，这个UBB我后面又进行了一次升级，增加了图片上传接口、全屏编辑、会员未登录情况下提示会员登录禁用UBB、浏览器进一步兼容等，本想打包进行更新的，但更新不了，只能对下载的网友们说声抱歉了，如果你们需要最新的请联系我，如果不用最新的也可以用的。预览地址：http://www.xinglico.com/News/20110720/20110720_7065_1.htm
ubb代码编辑器 discuz
04-12
使用ubb编辑器安全性能比普通的编辑器高。
php在线ubb编辑器
07-17
一款不错的网站ubb编辑器，支持php。方便大家进行网上留言板的开发
UBBEditor 可视化的UBB编辑器 v1.0.2.0.rar
07-06
UBBEditor 可视化的UBB编辑器具有如下特性： 1.迷你 UBBEditor 经压缩存储后小于20KB，载入的时间可以忽略不计。 2.兼容 UBBEditor 可以良好的运行在 IE6,7,8,9 Safari, Firefox, Chrome 等浏览器中。 3.安全 UBBEditor 在编辑文本内容的格式后，所产生的是UBB代码，如果在网页中输出显示时，需要通过服务器脚本来解析这些代码，因此它具备的良好的安全可控性。 4.开源 UBBEditor 是一款开放源代码的程序，你可以在任何项目中任意使用而不需要支付任何费用，并且你也可以很方便的修改源代码来达到更符合自己的要求。
两套非常漂亮的UBB编辑器
06-04
两套非常漂亮的UBB代码编辑器...绝对好看
一个简单好用的Web在线UBB编辑器
08-22
现在的网页在线编辑器有很多，且功能强大，比如eWebEditor，但有个问题是占用空间大，一些简单的论坛、留言板并不需要太强大的功能，HtmlEditor就是这样一个编辑器，简单漂亮，调用也方便，推荐大家使用。使用方法，和正常程序提交数据是一样的。
http://www.kekecn.com/blog/default.asp?CateID=3&page=6
erphome8的专栏
05-07 7168
http://www.kekecn.com/blog/default.asp?CateID=3&page=6
GAUDI2_UBB
最新发布
09-03
GAUDI2_UBB是指浪潮信息NF5698G7 AI服务器中支持的一种开放加速器规范。这个规范基于全球开放计算OCP开放加速器规范 OAM/UBB进行产品设计，可以支持PyTorch、TensorFlow等主流AI框架和Megatron/DeepSpeed等流行开发...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值