文本编辑器支持的格式
请注意所有代码与文字之间的空格!
目录
- Markdown
- BBCode
- BBBBCode
- 超链接自动识别
- 分享帖子
0⃣编辑器左下角“文件”按钮可上传图片至服务器,单次最大支持 2M 的图片。不过为了不影响服务器运行速度,最好是把图片上传到图床,然后再用 MD/BBCode 代码插入图片。
1⃣Markdown
1. 斜体 :
*斜体* 或 _斜体_
2. 加粗 :
**加粗** 或 __加粗__
3. 我是 上标 :
我是 ^上标
4. 删除线 :
~~删除线~~
5. 代码框
短型代码框
:
短型 `代码框` 或 ```短型代码框```
长型代码框 :
``` css ←这里填写代码语言,可缺省
这是长型代码框,代码框的宽度是帖子的100%。```
效果 ↓
这是长型代码框,代码框的宽度是帖子的100%。
.body{
width: 200px;
position: flex;
}
[超链接描述文字](https://bbs.csur.fun)
7. 不能改变图片展示大小的插入代码:
![图片描述](https://i.loli.net/2019/12/20/aiDuP8brdqZSL6M.png)
8. 引用代码(不可以与有序列表一起使用,若要结束引用,请在最后空出一行):
> 这里是你的引用文字
效果:
9. 标题:
### h3标题 效果↓
h3标题
## h2标题 效果↓
h2标题
# h1标题 效果↓
h1标题
10. 无序项目符号列表(由 - 或 * 起头):
- CSUR很棒 效果↓
* CSUR真的很棒 效果↓
11. 有序列表(由数字起头):
1. 很棒CSUR
2. 就很棒CSUR
4. CSUR真的真的很棒
6. CSUR真的真的真的很棒棒!
效果↓
1. 很棒CSUR
2. 就很棒CSUR
4. CSUR真的真的很棒
6. CSUR真的真的真的很棒棒!
12. 分割线
----------------------------
效果 ↓
2⃣BBCode
加粗:
[b]加粗[/b]
斜体:
[i]加粗[/i]
下划线:
[u]下划线[/u]
删除线:
[s]删除线[/s]
超链接:
[url=https://bbs.csur.fun]超链接[/url]
-
[center]居中对齐[/center]
文字大小20px:
[size=20]文字大小20px[/size]
可调节显示大小的图片:
[img width=100]https://i.loli.net/2019/12/20/aiDuP8brdqZSL6M.png[/img]
全尺寸语法高亮代码框:[code lang=javascript]<<script async="" src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>>[/code]
<script async="" src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
音频:
已失效,请使用下方 BBBBCode
视频直链:
https://awk.tw/video/opera_new.mp4
https://awk.tw/video/opera_new.mp4
更多基本核心 BBCodes:
[b], [i], [u], [s], [url], [img], [email], [code], [quote], [list], [del], [color], [center], [size], [*]
3⃣BBBBCode
1. 提示
[tooltip="像这样!" placement="right"]提示[/tooltip]
效果→ 提示
(对于其中的“placement”您可以使用 “up”“down”“left”“right”来改变提示框出现的相对位置)
2. 折叠内容
[spoiler="你发现了这个秘密咯!"]点击此处查看惊喜[/spoiler]
你发现了这个秘密咯!
(如果您省略了“spoiler=”部分,将显示默认标题“展示更多”)
3. 高斯模糊嘿嘿内容
[blur]这里是我不想让你看的嘿咻内容。[/blur]
(鼠标移动到云团上以显示内容,鼠标移开还原。)
这里是我不想让你看的嘿咻内容。
4. 黑幕(Steam 风格)
[steam_spoiler]类Steam风格黑幕[/steam_spoiler]
类Steam风格黑幕
5. 手风琴
[accordion header="第一步"]这里写第一步内容[/accordion]
[accordion header="第二部"]这里写第二部内容[/accordion]
这里写第一步内容
这里写第二部内容
6. 聊天对话框
[chat-a="明天期末考试" who="小明"]
[chat-b="我知道" who="我"]
[chat-a="一看你就没复习!" who="小明"]
[space][/space] ← 用于换行
[chat-a="明天期末考试" who="小明"]
[chat-b="我知道" who="我"]
[chat-a="一看你就没复习!" who="小明"]
7. 动态标记
[action]要放寒假了[/action]
要放寒假了
8. 弹窗
[pop button="紧急通知" title="阿伟死了" content="阿伟已经死了很多次了。"]
[pop button="紧急通知" title="阿伟死了" content="阿伟已经死了很多次了。"]
9. 字体颜色
[red]红字[/red] ... 其他支持的颜色: [orange], [yellow], [green], [blue], [purple]
红字
[color=aquamarine]青色[/color] ... [color=颜色名称] 或十六进制颜色代码 [color=#FFFFF]
青色
10. 荧光笔
[hl]神笔马良天下无敌[/hl] ... 注意是 hl,小写字母L,不是数字 h1
神笔马良天下无敌
11. HTML 键盘标记
请敲击 [kbd]SHIFT[/kbd] 键以升天。
请敲击 SHIFT 键以升天。
12. 音频
支持mp3.ogg,m4a,wav,flac 等格式
[audio mp3="song.mp3" ogg="song.ogg"]
[audio mp3="song.mp3"]
[audio ogg="song.ogg"]
[audio m4a="song.m4a"]
[audio wav="song.wav"]
[audio flac="song.flac"]
[audio webm="song.webm"]
[audio mp3="song.mp3" width="50"]
[audio mp3="https://bbs.csur.fun/assets/files/2020-01-07/黑暗骑士.mp3"]
13. 背景色
[background=red]红色背景[/background]
红色背景
14. 表格
[table]
[thead]
[tr]
[th]版本号[/th] [th]更新日期[/th] [th]变化[/th] [th]备注[/th]
[/tr]
[/thead]
[tbody]
[tr]
[td rowspan=2]0.2.2[/td] [td rowspan=2]2020-1-5[/td] [td align=center]Added[/td]
[/tr]
[tr]
[td colspan=2] [list]捐赠页面全新上线,[url=https://csur.fun/donate/ title=捐赠页面]请我们喝杯☕[url] ?[/list] [/td]
[/tr]
[/tbody]
[/table]
效果 ↓
版本号 更新日期 变化 备注
0.2.2 2020-1-5 Added
15. 字体
[font=Serif]字体:Serif 123abcABC[/font]
字体:Serif 123abcABC
字体:Roboto 123abcABC
16. 提醒和通知
基本通知提醒:
[AWARNING] 这是一个 警告测试 [/AWARNING]
这是一个 警告测试
[ASUCCESS] 所有警报已解除! [/ASUCCESS]
所有警报已解除!
[AINFO] 有时您只想提供一般信息,让伙计们知道一切安好,无须担心。 [/AINFO]
有时您只想提供一般信息,让伙计们知道一切安好,无须担心。
[ABASIC] 最基础的警告框,毫无特色。 [/ABASIC]
最基础的警告框,毫无特色。
[ACUSTOM]red,white,black,自定义警告框[/ACUSTOM]
red,white,black,自定义警告框
多彩风格、自定义多彩风格的通知
[berror] 这是一个错误警告,您哪都做错了。 [/berror]
这是一个错误警告,您哪都做错了。
[cerror]#555,#ffecec,#f5aca6,错误,自定义警告框。[/cerror]
#555,#ffecec,#f5aca6,错误,自定义警告框。
[bsuccess] 所有错误已被解决 [/bsuccess]
所有错误已被解决
[csuccess]#555,#e9ffd9,#a6ca8a,成功,恭喜你脱单啦![/csuccess]
#555,#e9ffd9,#a6ca8a,成功,恭喜你脱单啦!
[bwarning] 你要再继续的话,可以戳瞎自己的眼睛了。 [/bwarning]
你要再继续的话,可以戳瞎自己的眼睛了。
[cwarning]#555,#fff8c4,#f2c779,亚麻嘚,感觉我不会再快乐了,快乐跟我也没关系了,喝一点牛奶 milk。[/cwarning]
#555,#fff8c4,#f2c779,亚麻嘚,感觉我不会再快乐了,快乐跟我也没关系了,喝一点牛奶 milk。
[bnotice] 不要接受陌生蜀黍的抱抱。 [/bnotice]
不要接受陌生蜀黍的抱抱。
[cnotice]#555,#e3f7fc,#8ed9f6,注意,我要变形了![/cnotice]
#555,#e3f7fc,#8ed9f6,注意,我要变形了!
其他BBCode格式: - 感谢JoshyPHP的帮助和专业知识。
[BCUSTOM]title=测试测试 font=SlateBlue gb=WHITE border=SlateBlue[/BCUSTOM]
[BCUSTOM]title=测试测试 font=SlateBlue gb=WHITE border=SlateBlue[/BCUSTOM]
[derror title=警告 错误 font=red bg=white border=red] 测试测试 [/derror]
测试测试
[dsuccess title=警告 成功 font=green bg=white border=green] 测试测试 [/dsuccess]
测试测试
[dwarning title=警告 危险 font=darkorange bg=white border=darkorange] 测试测试 [/dwarning]
测试测试
[dnotice title=警告 注意 font=teal bg=white border=teal] 测试测试 [/dnotice]
测试测试
17. 选项卡
① 选项卡页
[tabs]
[tab="你好" active="ANYTHING"] 我不好,你才好。 [/tab]
[tab="我不好"] 我很好,你才不好。 [/tab]
[/tabs]
我不好,你才好。
我很好,你才不好。
②单选控件
问:爱我吗?
[tab=" 爱" active="[ANYTHING]"]你的钱[/tab]
[tab name=" 不爱"] 请你吃八爷 [/tab]
问:爱我吗?
你的钱
请你吃八爷
18. FontAwesome 字体
字重
[fas]
: solid
[far]
: regular
[fal]
: light
[fab]
: brand
I like [fa]train[/fa] !
I like train !
19. Comic Sans
[COMIC]Hello world[/COMIC]
Hello world
4⃣超链接自识别
- 论坛支持自动超链接识别并加载预览,比如图片链接、视频分享链接(YouTube等,国内的视频网站不支持)、视频直链。
5⃣分享帖子
1. 卡片式分享帖子到 QQ
两种方法,一种是在网页中粘贴下方网址(编辑后回车)
http://connect.qq.com/widget/shareqq/index.html?url=你的URL&desc=&title=标题&summary=主要内容&pics=左侧图片网址&site=左下角字符
第二种方式是在手机QQ中打开要分享的帖子网址,点击右上角的三个点,选择分享到好友。
2. 分享帖子到国内社交媒体、全球 3.8M+ 个社交媒体
每个帖子右下角的分享按钮点击即可。如果没有出现该按钮,请刷新页面。
3. 分享帖子到国外主流媒体
每个帖子右上角回复按钮下方的分享按钮。
⚠️ 请注意有的代码可以嵌套使用,有的则不能。
详细 BBCode说明请参阅s9e TextFormatter