Javascript 如何使用JS和HTML制作JSON格式化程序？_Javascript_Html_Json_Angularjs_Formatter

Javascript 如何使用JS和HTML制作JSON格式化程序？

javascript html json angularjs

Javascript 如何使用JS和HTML制作JSON格式化程序？,javascript,html,json,angularjs,formatter,Javascript,Html,Json,Angularjs,Formatter,我需要在我的web应用程序中使用JSON格式化程序，它是使用Angular JS和Java开发的我基本上想要这样的JSON格式化程序，它在格式化视图中显示JSON。我需要formatter，因为通常在html中呈现JSON文本时，它就像一堆文本一样显示这就是为什么我想让JSON格式化程序在格式化视图中显示这些JSON文本。它将帮助用户轻松理解JSON 在我的应用程序中，用户输入JSON用于不同的目的。例如，管理输入/修改JSON以生成动态字段。JSON文本将存储在DB中。我想为所有目的制作

我需要在我的web应用程序中使用JSON格式化程序，它是使用Angular JS和Java开发的

我基本上想要这样的JSON格式化程序，它在格式化视图中显示JSON。我需要formatter，因为通常在html中呈现JSON文本时，它就像一堆文本一样显示

这就是为什么我想让JSON格式化程序在格式化视图中显示这些JSON文本。它将帮助用户轻松理解JSON

在我的应用程序中，用户输入JSON用于不同的目的。例如，管理输入/修改JSON以生成动态字段。JSON文本将存储在DB中。我想为所有目的制作一个通用的JSON格式化程序。如果不可能，则为不同的操作使用不同的JSON格式化程序

有些人建议我使用JSON.stringify（）。但是我怎么能用它来达到我的目的呢？还有其他想法吗？

JSON。stringify

是您想要的

JSON.stringify(jsonObject, null, 4); // stringify with spaces (recommended)
JSON.stringify(jsonObject, null, '\t'); // stringify with tabs

现实世界的例子：

<html>
    <body>
        <pre>
            <div id="stringifiedCode">

            </div>
        </pre>
    </body>
</html>

<script type="text/javascript">
var obj = { "hello" : "world", "Test" : [ "hello" ] };
document.getElementById('stringifiedCode').innerHTML =JSON.stringify(obj, null, 4);
</script>


var obj={“hello”：“world”，“Test”：[“hello”]}；
document.getElementById（'stringifiedCode'）.innerHTML=JSON.stringify（obj，null，4）；

HTML：

angular.module('myapp',[])
 .controller('myctrl',function($scope){
     $scope.str = {name:'Joe',address:'xyz',mobile:['154552','45698']};
  });

重复。我想把评论中的示例添加到帖子中。看起来，您的问题实际上并不是一个不工作的

JSON.stringify（）

，而是HTML如何显示字符串。这可能会阻止问题以dup结束。我需要角度JS解决方案。mia已经给出了答案..var obj={“hello”：“world”，“Test”：[“hello”]}document.body.innerHTML=”“；document.body.appendChild（document.createTextNode（JSON.stringify（obj，null，4））；我用过这个，但不起作用。需要图书馆吗？不需要图书馆。请注意，JSON字符串包含像

\n

这样的字符，不能在所有HTML元素中显示。是的，有一条错误消息。你必须，或者把它包装在

窗口中。onload

处理程序中。你的答案帮助我。。。但是mia的解决方案更有效。。我说我用的是angular js。。。。他用英语给了我答案。

angular.module('myapp',[])
 .controller('myctrl',function($scope){
     $scope.str = {name:'Joe',address:'xyz',mobile:['154552','45698']};
  });