javascript 在react js中如何以格式化的形式向用户显示代码

3vpjnl9f 于 2023-01-11 发布在 Java

关注(0)|答案(3)|浏览(153)

我收到的代码从后端纯文本格式。像下面...

def countNegatives(matrix): count = 0 for row in matrix: for num in row: if num < 0: count += 1 return count

这是在简单的文本形式，但我想显示给用户，它应该是格式良好。

def countNegatives(matrix): 
    count = 0 
    for row in matrix: 
        for num in row: 
            if num < 0: 
                count += 1 
    return count

有人能给我提供一个方法来做这件事吗？如果可能的话，请帮助我...

JavaScript

来源：https://stackoverflow.com/questions/75079738/how-can-i-show-the-code-in-formatted-form-to-user-in-react-js

3条答案

按热度按时间

kuuvgm7e1#

你可以使用prettier。可能还有其他一些格式化库的代码。使用react，你想为自己构建一个定制的钩子。

赞(0）回复(0）举报 2023-01-11

e4yzc0pl2#

感谢Raukaute，prettier是一个很好的格式化库。prettier的Playground是由React + prettier webworker构建的。你可以在Github上找到源代码，这是一个很好的例子。简单地说，index.js从静态UMD js文件（prettier/standalone.js）创建WebWorker，并在App-〉Playground-〉PrettierFormat组件中调用format API。