【彩色文本生成器】闲的无聊撸了个论坛彩色文本的 Chrome 懒人扩展 - 矿工茶馆

王自如

本帖最后由 ggg2200220 于 2019-2-20 15:08 编辑

COLORFUL!

一个生成 Discuz! 炫彩文本格式的 Chrome 扩展

有啥功能：
- 支持在编辑器直接选中文本然后应用样式到所选文本上
- 支持颜色选择器选取颜色
- 支持生成 Discuz! 代码并一键复制到剪辑版
- 支持实时预览文本样式
- 支持残影文本/随机颜色文本 New
- 支持方案管理器 New
- 支持所有 Discuz! 论坛 New

闲聊的话：
之前想在论坛发渐变字，要打开一个生成工具，然后把内容打进去生成代码，再复制回来，感觉太麻烦了，正好最近闲的，就随手撸了个浏览器扩展，直接把文字内容选中，调整样式，然后一键应用样式，发帖，一气呵成，就是这么方便....
没啥技术含量，发出来给大家玩玩吧，在 Chrome 72 上测试正常，理论上国产的什么QQ，360，搜狗等 Chromium 衍生浏览器也支持，Safari 没测试过，FireFox 晚点再兼容。

使用方法：

使用图片：

效果预览：

A.普通渐变文本

欢迎使用炫彩字体特效

B.普通随机颜色文本

欢迎使用炫彩字体特效

C.残影渐变文本

欢迎使用炫彩字体特效

D.残影随机颜色文本

欢迎使用炫彩字体特效

E.我也不知道这是什么东西（一维码？）

pppppppppppppppppppppppppppppppppppp

建议&反馈：
欢迎提建议，你的建议会让此扩展更完善~
https://github.com/hhui64/Colorful-Discuz/issues

2021.12 数据，可能有更多内容

COLORFUL!一个生成 Discuz! 炫彩文本格式的 Chrome 扩展

有啥功能：
- 支持在编辑器直接选中文本然后应用样式到所选文本上
- 支持颜色选择器选取颜色
- 支持生成 Discuz! 代码并一键复制到剪辑版
- 支持实时预览文本样式
- 支持残影文本/随机颜色文本 New
- 支持方案管理器 New
- 支持所有 Discuz! 论坛 New

闲聊的话：
之前想在论坛发渐变字，要打开一个生成工具，然后把内容打进去生成代码，再复制回来，感觉太麻烦了，正好最近闲的，就随手撸了个浏览器扩展，直接把文字内容选中，调整样式，然后一键应用样式，发帖，一气呵成，就是这么方便....
没啥技术含量，发出来给大家玩玩吧，在 Chrome 72 上测试正常，理论上国产的什么QQ，360，搜狗等 Chromium 衍生浏览器也支持，Safari 没测试过，FireFox 晚点再兼容。

使用方法：

A.安装
1.在下面的链接下载该扩展，由于没有上架 Chrome 应用商店，所以请下载 zip 包。
2.下载完成后，找个文件夹解压出来，最好右键选择"解压到Colorful-Discuz"（这样就不用新建文件夹了）。
3.在浏览器右上角菜单选择"更多工具" -> "扩展程序"，把右上角的开发者模式打开，然后在左上角选择"加载已解压的扩展程序"。
4.选择刚才解压出来的"Colorful-Discuz"文件夹，然后就可以使用了（文件夹名以你解压的目录为准）。

!注意：记得打开Chrome的"开发者模式"，否则扩展无法安装

B.使用
到论坛的发帖页面，先在编辑器右上角把'纯文本'选项打上勾，然后鼠标框选你要渐变的一行字，在右上角点击一下扩展的图标，调整颜色，然后点击'应用样式到所选文本'，代码会自动格式化后添加到编辑器里。
或者输入一行文本，点击查看代码，再手动复制代码然后粘贴到论坛编辑器中。

!注意：记得在编辑器右上角把'纯文本'选项打勾才能使用一键应用样式的功能

使用图片：

效果预览：

A.普通渐变文本

欢迎使用炫彩字体特效

B.普通随机颜色文本

欢迎使用炫彩字体特效

C.残影渐变文本

欢迎使用炫彩字体特效

D.残影随机颜色文本

欢迎使用炫彩字体特效

E.我也不知道这是什么东西（一维码？）

pppppppppppppppppppppppppppppppppppp

源码&下载：
已测试的 Chrome 版本：68/69/70/72
已测试的操作系统：MacOS/Windows
请下载 zip 包，该扩展木有上架Chrome应用商店，crx 包无法安装（感谢提醒）后面会尝试上架应用商店

[源码] https://github.com/hhui64/Colorful-Discuz
[下载地址] https://github.com/hhui64/Colorful-Discuz/releases

由于浏览器扩展可获得的权限较高，所以当你从其它渠道获得此扩展时，请将扩展解包后查看该扩展是否被添加了恶意代码后再使用！为了你的账号安全，请不要从任何第三方渠道获取本扩展，以免出现账号被盗或者其他安全风险！！！！！

更新日志：

v0.1.4 - 2019/02/20
新增生成随机颜色按钮
修复当展开文本样式面板时页面无法滚动的BUG
修复方案管理器弹出层背景的BUG
优化部分UI的样式

v0.1.3 - 2019/02/20
新增文本对齐方向设置(左对齐/居中对齐/右对齐) —— @虎水小骥建议
修复删除方案时的操作逻辑问题
修复打开时无法切换回之前方案的问题
优化重写了方案管理器的逻辑代码

v0.1.2 - 2019/02/18
优化现在支持在所有的 Discuz! 论坛使用此扩展了

v0.1.1 - 2019/02/18
新增方案管理器(用来管理多个自己的样式和色彩方案)
新增恢复默认样式
修复生成 discuz 代码闭合标签不正确的 Bug
优化一些操作上的细节优化

v0.1.0 - 2019/02/16
新增残影文本效果
新增随机文本颜色效果
新增文本属性设置面板(可调整字号/加粗/倾斜/下划线)

v0.0.1 - 2019/02/16
修复扩展的操作界面在 Windows 下显示异常的问题

建议&反馈：
欢迎提建议，你的建议会让此扩展更完善~
https://github.com/hhui64/Colorful-Discuz/issues

文豪小绝

强啊大佬，收藏啦！

亞特鲁

大佬牛X！跪了。
对于一个随和的懒人而言，提供一个这样的偷懒插件，真的是方便了好多。
（看上去以后用彩色字可以不嫌麻烦了）
回复支持一波，因为等级不够没评分的权限。

MC_xiaofan

厉害的大佬我拿了资源膜拜

虎水小骥

牛X 造福社会啊

王自如

亞特鲁发表于 2019-2-15 20:33
大佬牛X！跪了。
对于一个随和的懒人而言，提供一个这样的偷懒插件，真的是方便了好多。
（看上去以后用彩 ...

初衷就是这样的，本来我就是想偷懒不想复制粘贴，就寻思有没有更方便的解决方案了XD
目前还有一些缺陷，后边会慢慢完善把。

一手汗

非常有用哈哈哈
可以学大佬一样骚气的回复了

hoige

带走了大佬

Abraham511

QAQ

Chrome插件好难做QAQ

new_buding

这个插件怎么做啊

虎水小骥

我Chrome 安装不了，一进行安装就闪退，搞下兼容？

IkaroInory

仰望大佬，目测macos也可以用

王自如

虎水小骥发表于 2019-2-15 21:48
我Chrome 安装不了，一进行安装就闪退，搞下兼容？

记得打开开发者模式，这个插件没上架商城。
另，可以附上Chrome版本么？我回头修复下

王自如

IkaroInory 发表于 2019-2-15 21:49
仰望大佬，目测macos也可以用

我这里就是macOS，浏览器能用就行，按理来说能跑的动Chrome的os都能用....

虎水小骥

ggg2200220 发表于 2019-2-15 21:52
记得打开开发者模式，这个插件没上架商城。
另，可以附上Chrome版本么？我回头修复下 ...

72.0.3626.109

IkaroInory

ggg2200220 发表于 2019-2-15 21:53
我这里就是macOS，浏览器能用就行，按理来说能跑的动Chrome的os都能用....

os好像都能跑的冬chrome......

还是感谢大佬，收藏了！

清风浊雨

谢谢楼主！

卡尔酱

下载是不是要**？

zyjking

如果可以的话请发到chrome应用商店

王自如

虎水小骥发表于 2019-2-15 21:53
72.0.3626.109

Windows/MacOS下均测试正常，打开了开发者模式了吗？
可能是其他插件冲突了。

虎水小骥

ggg2200220 发表于 2019-2-15 22:43
Windows/MacOS下均测试正常，打开了开发者模式了吗？
可能是其他插件冲突了。 ...

打开了开发者模式，好的，我测试一下是与哪个插件冲突了，需要告诉你吗？

王自如

RedCarl 发表于 2019-2-15 22:08
下载是不是要**？

fq？不用啊，github也没被墙....

王自如

Abraham511 发表于 2019-2-15 21:43
QAQ

Chrome插件好难做QAQ

还好吧，跟前端差不多，本质上也是一个站点，也就多了点Chrome的API而已

恋

R!G!B! 继上次渐变字后又一项神奇的发帖方法

王自如

HTL9257 发表于 2019-2-15 23:57
R!G!B! 继上次渐变字后又一项神奇的发帖方法

这个就是渐变字，只不过写成浏览器扩展了，不用每次复制粘贴复制粘贴。（人类的本质就是....）
过会儿我还会给加上残影啊彩色背景条啊什么乱七八糟的功能，反正玩嘛 233333

minecraft65536

本帖最后由 minecraft65535 于 2019-2-16 12:02 编辑

很好的插件，Github已Star（第一）

王自如

minecraft65535 发表于 2019-2-16 12:01
很好的插件，Github已Star（第一）

感谢支持w
貌似茶馆的帖会锁，到时候这个帖也就石沉大海了，如果怕得不到版本更新消息的话，直接watch一下就好了

minecraft65536

ggg2200220 发表于 2019-2-16 21:12
感谢支持w
貌似茶馆的帖会锁，到时候这个帖也就石沉大海了，如果怕得不到版本更新消息的话，直接watch一 ...

好像可以花金粒买喧嚣卡来解锁帖子

GCVillager

厉害了大佬！！！

野生之Puni

强啊大佬谢谢

上树自然熟

macos好评

莉莉霍瓦特

终于，各个方案被整合成了一个扩展
2333

XMY_ZS

感谢楼主大佬

monseasd

大佬6啊~

鲸鱼不是鱼

仰望大佬

WQ【义战】

大佬牛逼= =

虎水小骥

考虑一下增加居中&背景图功能？

已Star 第三个

帕帕武

吼吼吼...我这个用谷歌浏览器的人终于可以进一步的水贴(划去)加强论坛建设啦

6B不止铅笔

未能成功加载扩展程序
文件 G:\Colorful-Discuz
错误清单文件缺失或不可读取
无法加载清单。
Chrome版本：68.0.3440.106（已打开开发者模式）
插件版本：v0.1.2

王自如

虎水小骥发表于 2019-2-18 14:34
考虑一下增加居中&背景图功能？
已Star 第三个

嗯，像居中/左or右对齐这种是属于行排版类的，加上了怕有什么幺蛾子，所以在添加文本属性面板时只加了对文本串的属性设置（字体/粗细/倾斜），不过应该后面会加上一个选项用以是否添加时将文本居中。
背景是指一键应用帖子背景还是文字背景色呢？

王自如

萝卜冲刺发表于 2019-2-18 15:25
未能成功加载扩展程序
文件 G:\Colorful-Discuz
错误清单文件缺失或不可读取

Colorful-Discuz 根目录下有 manifest.json 这个文件吗？

虎水小骥

ggg2200220 发表于 2019-2-18 15:29
嗯，像居中/左or右对齐这种是属于行排版类的，加上了怕有什么幺蛾子，所以在添加文本属性面板时只加了对 ...

应该不会有什么幺蛾子吧……
整段文字左右加上这个

[align=center]文字[/align]

复制代码

就可以了吧
背景是指帖子背景

[postbg]xxx.png[/postbg]

复制代码

加在开头就可以了
（html好难……我还是抱着我的易语言瑟瑟发抖……）

6B不止铅笔

本帖最后由萝卜冲刺于 2019-2-18 15:45 编辑

ggg2200220 发表于 2019-2-18 15:32
Colorful-Discuz 根目录下有 manifest.json 这个文件吗？

没有，要自己添加吗，压缩包内没有

后补，在github上下载了manifest.json文件后显示

错误
无法为内容脚本加载 JavaScript“src/js/core.js”。
无法加载清单。

王自如

萝卜冲刺发表于 2019-2-18 15:38
没有，要自己添加吗，压缩包内没有

后补，在github上下载了manifest.json文件后显示

应该是你解压出来的目录错了吧，或者是又嵌套了一层目录。。
正确的目录文件结构是这样的，打开 Colorful-Discuz 后：

就是这些文件

王自如

虎水小骥发表于 2019-2-18 15:34
应该不会有什么幺蛾子吧……
整段文字左右加上这个

我想了一下，帖子背景这个功能，应该会列到后边帖子模板管理器里去（因为我之前有想过在论坛发帖有很多优秀的排版模板还停留在复制粘贴的阶段，要是有一个帖子模板管理器，里边收集有各种其他人排好的帖子模板，然后一键应用到编辑器上就好了）应该会在 0.2.x 版本更新这个功能，感谢建议~

虎水小骥

ggg2200220 发表于 2019-2-18 16:19
我想了一下，帖子背景这个功能，应该会列到后边帖子模板管理器里去（因为我之前有想过在论坛发帖有很多优 ...

听起来很厉害~
我可以提供排版~

王自如

本帖最后由 ggg2200220 于 2019-2-18 16:25 编辑

虎水小骥发表于 2019-2-18 16:20
听起来很厉害~
我可以提供排版~

应该到那会这扩展名就不叫 Colorful! 了而是

Discuz! Editor++ 一款 Discuz! 的综合扩展工具

（逃....

虎水小骥

ggg2200220 发表于 2019-2-18 16:23
应该到那会这扩展名就不叫 Colorful! 了而是

（逃....

到那时会因为让很多人免于**排版的目害而被评为精华而贡献+1吧

FloatingBlocks

GCVillager 发表于 2019-2-17 18:51
厉害了大佬！！！

这让我想到了我的exe

GCVillager

GXHurry 发表于 2019-2-18 16:27
这让我想到了我的exe

没办法，太简陋……