问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

前端代码 怎么格式化

头像
史潇倩
    13316

    后端 返回回来一堆前端代码 没有换行 前端展示的时候 怎么能格式化
    image.png

    前端
    阅读 3.5k
    4 个回答
    得票最新
    头像
    抱歉_你想多了
      8451831

      丢到 HTML ..

      头像
      IanSun
        2.1k1111

        方案一：
        找语法高亮插件。
        但是如果要只在Textarea中显示就没办法了。只能看插件是否提供API做转换，然后自己处理了。

        方案二：
        自己实现。先做个tokenizer去解析文本，然后看情况是否需要转换成AST。然后你爱怎样显示就怎样显示。

        头像
        牛书书
          10.1k82035
          头像
          michael_cai
            10.6k2840

            可以使用 Prettier

            const prettier = require("prettier/standalone")
const parserHTML = require("prettier/parser-html")

console.log(
  prettier.format(
    `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><link rel="icon" href="%PUBLIC_URL%/favicon.ico" /><meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>test</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>`,
    {
      parser: "html",
      plugins: [parserHTML],
    }
  )
)
            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题