聊天框添加BBCODE快捷插入按钮
当前为
// ==UserScript==
// @name U2聊天框添加BBCODE按钮
// @namespace https://github.com/AisukaYuki/U2-CHATBOX-BBCODE
// @version 0.0.2
// @description 聊天框添加BBCODE快捷插入按钮
// @author アイスカユキ
// @match *://u2.dmhy.org/
// @match *://u2.dmhy.org/index.php*
// @match *://u2.dmhy.org/details.php*
// @match *://u2.dmhy.org/torrents.php*
// @match *://u2.dmhy.org/showup.php*
// @match *://u2.dmhy.org/shoutwindow.php*
// @match *://u2.dmhy.org/userdetails.php*
// @match *://u2.dmhy.org/tags.php*
// @icon https://u2.dmhy.org/favicon.ico
// @supportURL https://github.com/AisukaYuki/U2-CHATBOX-BBCODE
// @homepageURL https://github.com/AisukaYuki/U2-CHATBOX-BBCODE
// @license MIT
// ==/UserScript==
//初版测试没有实时预览，后续再完善
(function() {
'use strict';
var bb_tag = $('[name="shbox"] > div');
var btn_pre = '<a><addr title="例子：';
var btn_min = '"><input class="bbcode" id="';
var btn_aft = '" type="button" value="';
var btn_fin = '"></a>';
var btn_list = '<span style="font-weight: bold;position: relative;font-size: 14px;">聊天常用：</span>';
btn_list += btn_pre + '[b]这是粗体。[/b]' + btn_min + 'b' + btn_aft + '粗体' + btn_fin;
btn_list += btn_pre + '[i]这是斜体。[/i]' + btn_min + 'i' + btn_aft + '斜体' + btn_fin;
btn_list += btn_pre + '[u]这是下划线。[/u]' + btn_min + 'u' + btn_aft + '下划' + btn_fin;
btn_list += btn_pre + '[s]这是删除线。[/s]' + btn_min + 's' + btn_aft + '删除' + btn_fin;
btn_list += btn_pre + '[color=red/#RGB]默认红色。[/color]' + btn_min + 'color' + btn_aft + '颜色' + btn_fin;
btn_list += btn_pre + '[size=4]这是4号字的文字。[/size]' + btn_min + 'size' + btn_aft + '大小' + btn_fin;
btn_list += btn_pre + '[url=链接]文本[/url]' + btn_min + 'url' + btn_aft + '链接' + btn_fin;
btn_list += btn_pre + '[img]图片链接[/img]' + btn_min + 'img' + btn_aft + '图片' + btn_fin;
btn_list += btn_pre + '[code]这是代码文本。[/code]' + btn_min + 'code' + btn_aft + '代码' + btn_fin;
btn_list += btn_pre + "[spoiler='剧透是不可能的！']真的！[/spoiler]" + btn_min + 'spoiler' + btn_aft + '剧透' + btn_fin;
btn_list += '<a href="tags.php"><addr title="更多BBCODE"' + btn_min + '' + btn_aft + '更多' + btn_fin;
bb_tag.prepend(btn_list + '<br>');
$(".bbcode").click(function() {
var btn_click = $(this).attr("id");
var text;
switch (btn_click) {
case ('b'):
text = '[b][/b]';
break;
case ('i'):
text = '[i][/i]';
break;
case ('u'):
text = '[u][/u]';
break;
case ('s'):
text = '[s][/s]';
break;
case ('color'):
text = '[color=red][/color]';
break;
case ('size'):
text = '[size=][/size]';
break;
case ('url'):
text = '[url=][/url]';
break;
case ('img'):
text = '[img][/img]';
break;
case ('code'):
text = '[code][/code]';
break;
case ('spoiler'):
text = '[spoiler=""][/spoiler]';
break;
default:
text = '';
break;
}
//面向百度编程（wwww
var text_pos = text.indexOf("/");
var move_pos = text_pos - 1;
(function($) {
$.fn.extend({
insertAtCaret: function(myValue) {
var $t = $(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
} else
if ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
this.focus();
$t.selectionStart = startPos + myValue.length;
$t.selectionEnd = startPos + move_pos;
$t.scrollTop = scrollTop;
} else {
this.value += myValue;
this.focus();
}
}
})
})(jQuery);
//面向百度编程（wwww
$("#shbox_text").insertAtCaret(text);
})
$(".bbcode").css({
"display": "inline-block",
"position": "relative",
"margin-top": "2px",
"margin-right": "1px",
"padding": "1px"
});
$(".eg").css({
"display": "inline-block",
"position": "relative",
"bottom": "-15px",
"left": "100px"
});
})();