开启辅助访问     
收藏本站

站内搜索

搜索

Minecraft(我的世界)苦力怕论坛

[其他] bbcode 预览工具

 发表于 2024-5-8 20:02:52 来自手机|显示全部楼层|阅读模式 IP:河北省
前言
----使用地址----
https://love-kogasa.github.io/FJST/Bbcode.html
----MoreTool----
https://love-kogasa.github.io/FJST/
欢迎投稿( 投稿和使用都是免费的 ) / 加群讨论

Let's go
使用Bbcode.js
  1. <!doctype>
  2. <html>
  3.   <head>
  4.     <title>bbcode预览工具</title>
  5.     <meta charset="UTF-8">
  6.     <script src="https://cdn.jsdelivr.net/npm/bbcodejs/bbcode.min.js"></script>
  7.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
  8.   </head>
  9.   <body style="padding: 5%;background-color: #9A9;">
  10.     <nav class="demo imponent">
  11.       <a class="brand">
  12.         <h2><xmp></> Bbcode Writer</xmp></h2>
  13.       </a>
  14.     </nav>
  15.     <script>function conv( text, out ){
  16.       out.innerHTML = new bbcode.Parser().toHTML( text );
  17.     }</script>
  18.     <br>
  19.     <br>
  20.     <div class="flex two">
  21.       <div>
  22.         <article class="card" style="box-shadow: 0px 5px 1em #AAA;">
  23.           <header>
  24.             <h1>InPut BBCODE</h1>
  25.           </header>
  26.           <footer>
  27.             <div contenteditable id="inp" style="border: 1px solid #AAA; padding: 2%; border-radius: 5px;"></div>
  28.             <button onclick="conv( inp.innerText, outp )">预览</button>
  29.         </footer>
  30.       </article>
  31.     </div>
  32.     <div>
  33.       <article class="card" style="box-shadow: 0px 5px 1em #AAA;">
  34.         <header>
  35.           <h1>OutPut BBCODE</h1>
  36.         </header>
  37.           <footer>
  38.             <div id="outp">try input some text</div>
  39.           </footer>
  40.         </article>
  41.       </div>
  42.     </div>
  43.   </body>
  44. </html>
复制代码


借物表
Bbcode.Js 一个coffeeScript制作的bbcode js解析器
PicnicCss 一个好看轻量级Css库
Nomore

展示
Screenshot_2024-05-08-19-39-37-622_com.android.browser.jpg
苦力怕论坛,感谢有您~

本版积分规则

本站
关于我们
联系我们
坛史纲要
官方
哔哩哔哩
技术博客
下载
网易版
安卓版
JAVA
反馈
意见建议
教程中心
更多
捐助本站
QQ群
QQ群

QQ群

访问手机版

访问手机版

手机版|小黑屋|系统状态|klpbbs.com

粤公网安备 44200002445329号 | 由 木韩网络 提供支持 | GMT+8, 2024-12-15 15:01

声明:本站与Mojang以及微软公司没有从属关系

Powered by Discuz! X3.4 粤ICP备2023071842号-3