【论坛脚本】论坛自用发帖工具js（InsertLabel_2.0.js）

青春向上

链接：https://www.123865.com/s/o1cqVv-ZBAjH

油猴版：https://wds.ecsxs.com/397.js

在油猴“管理面板”中选择“从url安装”
主要功能：
常用语,预览,彩虹字体,code,删除线,插入图片,字号,字体颜色,url,对齐,img,水平线,hide,加粗,斜体,下划线,邮件,引用,视频,QQ,字体背景色,开发者


温馨提示：以下所有功能在选择文字时操作更简便。

1，常用语：
点击后有两项功能：插入和删除

备注：用于在列表中显示，新插入的在前面
内容：选择“备注”后将插入的内容

例如备注：感谢分享，内容：彩虹版的感谢分享。

使用localStorage本地存储，如果加错了可以删。优化过代码当从localStorage读取json出错时自动重置为默认配置，即删除所有常用语，未对特殊符号处理，可能出bug。

2，预览

点击后弹出预览框，很好用，谁用谁知道，在此鸣谢“WhiteSevs大佬“MT 论坛优化”油猴插件”，主要代码从大佬旧版插件中提取。

常见的加粗、删除线、url蓝色显示、字体颜色、字体背景颜色、code编号（缩进显示错误）、图片等等都支持，虽说不能一模一样，但也能预览差不多。
开始还想使用iframe内嵌帖子，再bbcode2html加innerHtml改内容，最后还是抱大佬腿舒服（放弃了）
PS：注意到：发送回复后，网页显示评论（网页中一定进行了ubb代码转html），最后发现是发送评论ubb-服务器返回转码后html-网页局部更新

3，彩虹字体：

自定义程度更高的生成工具，点击预览可以编辑文字，选中文字可以直接入编辑框。

如果编辑文字后没有高亮，点击“随机颜色”就好了。滑快了会把网页侧边栏滑出来，小问题，懒得管。自定义程度高，总算可以避免有些字颜色看不清了（亮度滑低），滑一滑就能找到喜欢的颜色

4，

1. code

复制代码

选中文字使用code标签包裹，未选中文字弹出输入框
不想输入直接确定可插入由code包裹的空标签。

高级输入框，想要几个输入框就能来自己，主打一个管够，代码都ai的，思路是我的

5，删除线：同code

6，插入图片：

大图预览，一键插入，自己很满意。

7，字号

可视化选项，多大字一目了然，size取1-9，但789一样大。（预览更好用）

专门写了一个css项用于可视化，这个css只是用于输入框显示，可以省略不影响

8，字体颜色
可视化，不多说

超级取色器，妈妈再也不用担心我不会选颜色啦～


9，url
先科普两种url使用场景：
直接显示url：
https://bbs.binmt.cc/

1. [url]https://bbs.binmt.cc/[/url]

复制代码

显示文字和url链接：
mt论坛

1. [url=https://bbs.binmt.cc/]mt论坛[/url]

复制代码

所以就有以下几种使用方法：
1，选中文字：被url标签包裹
2，未选择文字：弹出输入框：

2.1，只在文字处输入url，返回

1. [url]文字[/url]

复制代码

（此处文字就是链接），已经可以识别。
2.2，如果两个均输，返回

1. [url=链接]文字[/url]

复制代码

10，

1. [align=center]对齐[/align]

复制代码

：可视化，加标签，不多说

11，img
弹出输入链接，直接点击插入空img标签，

1. [img][/img]

复制代码

12，

---

水平线

1. [hr]

复制代码

13，hide，选中文字插入标签，或插入空标签，不多说

14，

1. [b]加粗[/b]

复制代码

15，

1. [i]斜体[/i]

复制代码

16，

1. [u]下划线[/u]

复制代码

17，

1. [email=邮箱]邮件[/email]

复制代码

18，

1. [quote]引用[/quote]

复制代码

19，

1. [media=x,500,375]视频[/media]

复制代码

20，

1. [qq]qq[/qq]

复制代码

21，字体背景色

1. [backcolor=#bbd264]字体背景色[/backcolor]

复制代码

同字体颜色

22，开发者

没多大用，杂项往里放。点击阻止离开，就能防止草稿忘保存，但是误伤，于是改手动。

温馨提示：菜单顺序自己改代码调，懒得写设置（“开发者”中“菜单顺序”不能用，之前想使用localStorage将菜单保存在缓存中，在修改缓存实现自定义菜单，但不是主要功能，没实现，就删了）。自用代码，鲁棒性可能不强。虽然有阻止编辑器退出（防网页刷新或突然跳转导致编辑全丢）和预览，但“保存草稿”不能少，上传服务器更安全。


2.0.1版更新日志：
1，新增“选择”

如图，首先点击l所在位置，然后点击选择就会选中：

1. [color=#C2C20A]l[/color]

复制代码

再次点击选择就会选中：

1. [/color][color=#C2C20A]l[/color][color=#44C20A],

复制代码

即每次选择光标前一个“[”与光标后一个“]”之间的内容。

有什么用？比如你插入的一串代码，可以快速选择整个code说包围区域，一键删除。只要你点击足够多次，就能全选内容。

2，插入图片修改为竖排，选中的图片绿色高亮显示

个人习惯，如果喜欢旧版，可直接替换“图片画廊”函数恢复。

3，“插入文本”函数新增自动滚动至光标位置
使用上的优化，原来的有时插入后不知道插哪里了，现在不会有这种问题了。

4，“选择对话框”新增遮罩层，“输入对话框”传入参数新增value，可以指定默认值，方便后续修改。

5，“开发者”菜单改为“高级”，新增
编辑、删除localStorage，替换选中内容。

localStorage介绍：

isRemoveTouchStart：修改为true后（手动修改开启），刷新网页，当点击“菜单”后禁用右滑打开侧边栏，防止编辑时误触。

QuickInput：即常用语

Menu_Items：即菜单，可通过在此修改，调节菜单顺序与显示。注意不能删除项目，因为为防止在代码中新增菜单而原缓存造成影响，导致不会显示新菜单。故添加判断，当length不相等时（即添加或删除原项目）会自动重置菜单。所以只是用来微改菜单，不能大改。如果json不会改，请让ai帮你改，如果json写错，也会自动重置菜单。

替换选中内容：默认配有删除color标签的正则表达式，可以全选编辑器内容，再一键删除，相当于反彩虹字体。

6，新增“隐藏菜单”
在修改菜单时，可将不常用的项目的isShow设置为false，这样显示的菜单就少了，方便寻找。但有时可能会用上这些不常用菜单，这个菜单就是用来显示isShow为false的菜单的，相当于二级菜单。

7，为其他菜单新增未选择文字时弹窗输入框，没多大变化（提示：不想输入直接点击确定，可插入空标签）

8，一些代码细节优化……

青春向上

这也是一种代码高亮唉

function insertText(newText) {
// 获取第一个textarea元素
const textarea = document.querySelector('textarea');
if (!textarea) {
console.log('未找到文本框');
return;
}

// 获取选中文本信息
const start = textarea.selectionStart;
const end = textarea.selectionEnd;

let newStart, newEnd;

// 更新文本框内容
const fullText = textarea.value.substring(0, start) + newText + textarea.value.substring(end);
textarea.value = fullText;

// 重新设置光标位置
newStart = start;
newEnd = start + newText.length;
textarea.focus();
textarea.selectionStart = newStart;
textarea.selectionEnd = newEnd;
}

道无相

看看隐藏

青春向上

道无相 发表于 2025-8-2 19:17
看看隐藏

我沙发呢[流泪]

zhoumouren001

看看

道无相

青春向上 发表于 2025-8-2 19:19
我沙发呢

桀！桀！桀！
沙发是我的

Asen

感谢大佬分享

JiGuro

这个挺有用

青春向上

JiGuro 发表于 2025-8-2 19:36
这个挺有用

功能我分享了，但是没说怎么用不知道会不会拦住一些潜在用户。
用法：直接在浏览器中执行js，或油猴选择添加脚本，在

1. 
   
2. (function() {
   
3.     'use strict';

复制代码

下粘贴即可。

氵衮

感谢分享

MrMoxing

感谢分享

MrMoxing

青春向上 发表于 2025-8-2 19:45
功能我分享了，但是没说怎么用不知道会不会拦住一些潜在用户。
用法：直接在浏览器中执行js，或油 ...

文本太大，复制不了

晚风知我意

看看隐藏

晨风晚月

看看隐藏

MW

感谢分享，看看隐藏