fix: fix issue 9

README.md

@@ -105,6 +105,10 @@ Since the version 1.3.0, we have added more color themes to this package, includ
 
 ## Changelog
 
+### 1.7.6
+
+1. Fix [issue 9](https://github.com/chenckang/react-json-pretty/issues/9)
+
 ### 1.7.0
 
 1. Add JSON formation properties —— `replacer` `space`

example/app/Example.jsx

@@ -5,16 +5,17 @@ var CircularJSON = require('circular-json')
 var obj = require('../package.json');
 var obj2 = {
   aaaa: 1,
-  bbbb: true,
+  'bb:bb': true,
   cccc: "ab\"cd\\",
+  ':i\"iii:': ":ii:ii",
   dddd: {
     eeee: 1,
     ffff: [
       {
         gggg: 3
       },
       2,
-      "string"
+      "str:ing"
     ]
   }
 };

src/JSONPretty.1337.css

@@ -1 +0,0 @@
-.json-pretty{line-height:1.3;color:#f8f8f2;background:#1e1e1e;}.json-pretty .json-key{color:#ff5e5e}.json-pretty .json-value{color:#fdb082}.json-pretty .json-string{color:#e9fdac}.json-pretty .json-boolean{color:#69c}

src/JSONPretty.js

@@ -21,7 +21,7 @@ module.exports = createReactClass({
     var booSpan = '<span class=json-boolean>';
     var sps = ind || '';
     if (key) {
-      sps = sps + '"' + keySpan + key.replace(/[": ]/g, '') + spanEnd + '": ';
+      sps = sps + '"' + keySpan + key.replace(/^"|":\s$/g, '') + spanEnd + '": ';
     }
 
     if (val) {