Page Comparison

Steps to insert the macro

1. Edit a page and start typing “/data” and select Data Viewer for XML and JSON

   Image Added

2. You will then be taken to the data selection screen

   Image Added

3. Select/insert your XML or JSON data by doing one of the following

   1. Select an attachment from the dropdown on the left hand side

   2. Image Added

      Enter a publicly accessible URL which points to either an XML or a JSON file in the middle text box

      Image Added

   3. Type or copy and paste raw JSON/XML data into the text box on the right

      Image Added

4. Press the “Insert” button and Publish the page

5. You should see something resembling the following:

   1. For XML

      Image Added

   2. For JSON

      Image Added

Steps to interact with the macro

XML

For XML, click on any of the elements to collapse that element. The contents of that element will be collapsed onto one line and replaced with an ellipsis (…)

...

JSON

For JSON, click on any of the elements to collapse that element. The contents of that element will be collapsed onto one line and replaced with an ellipsis (…)

...

Interactable Examples

Here are examples where you can see exactly how the macro works:

XML

For the raw XML “<?xml version="1.0"?><colors><color name="red"><r>255</r><g>0</g><b>0</b></color><color name="green"><r>0</r><g>255</g><b>0</b></color><color name="blue"><r>0</r><g>0</g><b>255</b></color></colors>”

JSON

For the raw JSON “{"id": "0001","type": "donut","name": "Cake","ppu": 0.55,"batters":{"batter":[{ "id": "1001", "type": "Regular" },{ "id": "1002", "type": "Chocolate" },{ "id": "1003", "type": "Blueberry" },{ "id": "1004", "type": "Devil's Food" }]},"topping":[{ "id": "5001", "type": "None" },{ "id": "5002", "type": "Glazed" },{ "id": "5005", "type": "Sugar" },{ "id": "5007", "type": "Powdered Sugar" },{ "id": "5006", "type": "Chocolate with Sprinkles" },{ "id": "5003", "type": "Chocolate" },{ "id": "5004", "type": "Maple" }]}”