HTML CELL表中的JSON格式

时间:2017-09-27 20:34:20

标签: javascript html json

民间,

我有以下要求:

我将在HTML表中有一个日志行列表,其中一些行将包含JSON字符串,我想在从磁盘加载HTML文件时格式化表中的JSON。我几乎在那里,看到JSFiddle。我似乎无法在表格单元格中格式化它:

http://jsfiddle.net/yh7bsd51/

// Convert an unsigned to a decimal string and return its length
size_t utoa_length(char *dest, unsigned u) {
  size_t len = 0;
  if (u >= 10) {
    len = utoa_length(dest, u/10);
    dest += len;
  }
  dest[0] = '0' + u%10;
  dest[1] = '\0';
  return len + 1;
}

1 个答案:

答案 0 :(得分:1)

单元格内部格式化的问题是您在字符串上调用JSON.stringify,而不是对象。看看这个小提琴:http://jsfiddle.net/zu7zs5b1/。请注意这一部分:

for (var i = 0, row; row = table.rows[i]; i++) {
    col = row.cells[0];
    //if(innerHTML == JSON)
    try {
        jsn = JSON.stringify(JSON.parse(col.innerHTML), undefined, 4); // <-- proper JSON str
        col.innerHTML = (syntaxHighlight(jsn));
    } catch (e) {
        console.log("Fail");
    }
}

有点hacky,但它完成了工作。