fehelper_codebeautify.html 1.5 KB

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE HTML>
  2. <html lang="zh-CN">
  3. <head>
  4. <title>代码美化工具</title>
  5. <meta charset="UTF-8">
  6. <link rel="stylesheet" href="../static/css/fe-codebeautify.css" />
  7. <script type="text/javascript" src="../static/js/core/jquery-1.5.min.js"></script>
  8. <script type="text/javascript" src="../static/js/mod/mod_codebeautify.js"></script>
  9. </head>
  10. <body>
  11. <div class="mod-code">
  12. <div class="format-item clearfix">
  13. <fieldset>
  14. <legend>代码美化:<span id="codeTitle">Javascript</span></legend>
  15. <textarea id="codeSource" placeholder="在这里粘贴您需要进行美化的代码"></textarea>
  16. <div class="btn-opts -e-x-btn">
  17. <input id="codeTypeJs" name="codeType" type="radio" value="Javascript" checked>
  18. <label for="codeTypeJs">JS代码美化</label>
  19. <input id="codeTypeCss" name="codeType" type="radio" value="CSS">
  20. <label for="codeTypeCss">CSS代码美化</label>
  21. <input id="codeTypeHTML" name="codeType" type="radio" value="HTML">
  22. <label for="codeTypeHTML">HTML代码美化</label>
  23. <button id="btnFormat" class="-e-btn">格式化</button>
  24. </div>
  25. </fieldset>
  26. </div>
  27. <div class="rst-item">
  28. <div id="jfContent"></div>
  29. </div>
  30. </div>
  31. </body>
  32. </html>