技巧教程 优雅地添加BiliBili BB代码教程（自适应！）

[9527]

1. 后台打开：内容-->自定义BB代码-->添加BB代码
2. 填写内容：
3. 代码标签：随意，这里是bilibili
4. 标题：哔哩哔哩
5. 替换模式：简单替换
6. 支持的参数选项：是
7. HTML替换：
   <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?bvid={text}&page={option}&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
   </div>
8. 图标：可自定义，由于fa没有B站图标，这里就用图片：B站SVG
9. 保存，完成！

你还需要在BB代码按钮管理器添加这个按钮，这里就不赘诉了。
添加方法：

效果：

帮到你的就点个支持嘛~~~~~​

 

[小关]

强迫症必需品

 

[小关]

正好我在找iframe自适应

 

[AutoRFT]

感谢教程

 

[asfbsalbfas]

1. 后台打开：内容-->自定义BB代码-->添加BB代码
2. 填写内容：
3. 代码标签：随意，这里是bilibili
4. 标题：哔哩哔哩
5. 替换模式：简单替换
6. 支持的参数选项：是
7. HTML替换：
   <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?bvid={text}&page={option}&as_wide=1&high_quality=1&danmaku=0" frameborder="no" scrolling="no"></iframe>
   </div>
8. 图标：可自定义，由于fa没有B站图标，这里就用图片：B站SVG
9. 保存，完成！

你还需要在BB代码按钮管理器添加这个按钮，这里就不赘诉了。
添加方法：浏览附件2387

效果：

浏览附件2385
浏览附件2386
帮到你的就点个支持嘛~~~~~​

太棒了这个

 

[asfbsalbfas]

太棒了这个

太棒了

 

[diguo520]

感谢教程

 

[Shinikiri]

这个太好了，真的需要…

 

[棉花糖]

感谢教程

 

[jkasnz]

十分感谢，顺便提下参数设置可以支持分P很细节

 

[Benxp]

为啥我的用不了啊(小白勿喷，求指教)

 

[诠释]

为啥我的用不了啊(小白勿喷，求指教)

按照教程添加完自定义按钮之后，要去按钮管理器再添加到编辑器上

 

[Benxp]

按照教程添加完自定义按钮之后，要去按钮管理器再添加到编辑器上

我是直接输入bb代码的

 

[诠释]

我是直接输入bb代码的

把你的设置参数和你写的bbcode给我看看

 

[Benxp]

把你的设置参数和你写的bbcode给我看看

测试的时候写的bb代码是直接搬楼主的

 

[edsq]

浏览附件6037

测试的时候写的bb代码是直接搬楼主的

你这个后台怎么更换的背景图片

 

[李慕秋]

按照教程添加完自定义按钮之后，要去按钮管理器再添加到编辑器上

对，在按钮管理器那里，把图标拖到你想要放置的位置，就可以，我刚照着做真的实现了。