分页： 1 / 1
论坛新增代码沙盒功能
发表于 ： 2026年 7月 28日 01:23
由 圈宝
长期以来论坛的很多示例代码都是通过代码块直接分享，但是看不到实时效果，展示效果不够优好，现提供沙盒功能，供各位圈友们试用。
沙盒项目创建地址：
codesandbox
示例：
[sandbox]1[/sandbox]
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 7月 28日 06:50
由 ejsoon
好功能！非常需要！感謝！（想加個表情，表情框呢？）
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 7月 28日 07:00
由 ejsoon
svg也能用了。
@圈宝：是否有可能專為svg做一個沙盒？或者在現在的沙盒中加一個上傳svg的選項？使其表現得像<img src=svg>，就跟現在的code+svg一樣。
現在雖然svg也能通過code+svg標籤，但是大小受限，大概只能發三十幾k。
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 7月 29日 15:16
由 圈宝
ejsoon 写了： 2026年 7月 28日 07:00
svg也能用了。
@圈宝：是否有可能專為svg做一個沙盒？或者在現在的沙盒中加一個上傳svg的選項？使其表現得像<img src=svg>，就跟現在的code+svg一樣。
現在雖然svg也能通過code+svg標籤，但是大小受限，大概只能發三十幾k。
我看当前支持 SVG 呀。
Credit:
https://www.kelvinlawrence.net/svg/index.html
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 7月 29日 16:28
由 ejsoon
圈宝 写了： 2026年 7月 29日 15:16
我看当前支持 SVG 呀。
是支持，就是用沙盒會有滾動條。不過你後來加的圖片上傳功能已經完美的解決了這個問題，非常感謝！
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 8月 13日 11:44
由 ejsoon
是否考慮為沙盒增加「網頁全屏」和「屏幕全屏」按鈕功能？
參考我做的紙飛機：
https://ejsoon.vip/ejplane/
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 8月 13日 14:33
由 圈宝
已添加，在沙盒渲染界面，移动鼠标就会显示相关按钮。
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 8月 13日 18:25
由 ejsoon
圈宝 写了： 2026年 8月 13日 14:33
已添加，在沙盒渲染界面，移动鼠标就会显示相关按钮。
當我在手機端點擊右邊的那個全屏按鈕，下方會黑一大片 …是否可以全部鋪上？
另兩個按鈕是否可以不覆蓋到內容？絕對定位在右上方內容外？
沙盒現在好像只支援到100k，是否可以支援到500k？
謝謝！
Re: 论坛新增代码沙盒功能
发表于 ： 2026年 8月 13日 21:54
由 圈宝
ejsoon 写了： 2026年 8月 13日 18:25
圈宝 写了： 2026年 8月 13日 14:33
已添加，在沙盒渲染界面，移动鼠标就会显示相关按钮。
當我在手機端點擊右邊的那個全屏按鈕，下方會黑一大片 …是否可以全部鋪上？
另兩個按鈕是否可以不覆蓋到內容？絕對定位在右上方內容外？
沙盒現在好像只支援到100k，是否可以支援到500k？
謝謝！
都支援了。至於按鈕放在外側，則不太適合。目前做了相關自動隱藏處理。