xtal-json-editor

README.md

@@ -8,11 +8,15 @@ Polymer web wrapper around josdejong's awesome, most excellent JSON Editor a
 ```
 <custom-element-demo>
   <template>
-    <link rel="import" href="xtal-json-editor.html">
+    <link rel="import" href="xtal-json-editor-sync.html">
     <link rel="import" href="../polymer/lib/elements/dom-bind.html">
     <dom-bind>
         <template>
             <xtal-json-editor watch="[[objectToEdit]]"></xtal-json-editor>
+            <br>
+              Edited Value: 
+              <code>[[myEditedResult]]</code>
+            </template>
         </template>
     </dom-bind>
     <script>

demo/index_sync.html

@@ -26,7 +26,10 @@ <h3>Basic xtal-json-editor demo</h3>
         <template>
           <dom-bind>
             <template>
-              <xtal-json-editor watch="[[objectToEdit]]"></xtal-json-editor>
+              <xtal-json-editor watch="[[objectToEdit]]" edited-result="{{myEditedResult}}" as="text"></xtal-json-editor>
+              <br>
+              Edited Value: 
+              <code>[[myEditedResult]]</code>
             </template>
           </dom-bind>
           <script>

xtal-json-editor-sync.html

@@ -6,12 +6,12 @@
         <style include="xtal-json-editor-default-theme">
 
         </style>
-        <div id="xcontainer"></div>
+        <div id="xcontainer" style$="height:[[height]];width:[[width]]"></div>
     </template>
    <script>
        xtal_elements_json_editor_sync = true;
    </script> 
-   <script src="jsoneditor.min.js"></script>
+   <script src="jsoneditor.js"></script>
    <script src="xtal-json-editor.js"></script>
 
 </dom-module>