开启辅助访问     
收藏本站

站内搜索

搜索

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

[其他] MarkDown 预览工具

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

Let's go
懒得写详细教程了,直接上源码各位
  1. <!doctype>
  2. <html>
  3.   <head>
  4.     <title>Md预览工具</title>
  5.     <meta charset="UTF-8">
  6.     <script src="https://cdn.jsdelivr.net/npm/marked/marked.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></> MarkDown Writer</xmp></h2>
  13.       </a>
  14.     </nav>
  15.     <script>function conv( text, out ){
  16.       out.innerHTML = marked.parse( 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 Markdown</h1>
  25.           </header>
  26.           <footer>
  27.             <div contenteditable id="inp" placeholder="Some text" 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 Markdown</h1>
  36.         </header>
  37.           <footer>
  38.             <div id="outp">Some text</div>
  39.           </footer>
  40.         </article>
  41.       </div>
  42.     </div>
  43.   </body>
  44. </html>
复制代码


借物表
Marked.Js jsMd文本转换器
PicnicCss 一个好看轻量级Css库
没别的啦

结语
Marked太好用啦

展示
Screenshot_2024-05-07-20-10-52-572_com.android.browser.jpg
苦力怕论坛,感谢有您~

本版积分规则

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

QQ群

访问手机版

访问手机版

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

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

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

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