https://github.com/scripting/outlineBrowser

JavaScript code to display JSON outlines.
https://github.com/scripting/outlineBrowser

Last synced: 5 days ago
JSON representation

JavaScript code to display JSON outlines.

• Host: GitHub
• URL: https://github.com/scripting/outlineBrowser
• Owner: scripting
• License: mit
• Created: 2015-06-15T18:21:07.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2020-04-25T14:20:35.000Z (over 4 years ago)
• Last Synced: 2024-08-01T12:32:29.532Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 27.3 KB
• Stars: 38
• Watchers: 6
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - scripting/outlineBrowser - JavaScript code to display JSON outlines. (others)

README

        
# outlineBrowser

JavaScript code to display JSON outlines.

#### What it does

It reads a JSON file that looks like this and renders it as an expandable outline, like this.

#### What is a JSON outline?

1. It's a JSON object that contains a text value, any number of other scalar values, and an array named subs.  

2. Each object in subs conforms to rule 1. 

#### Where this code is used

I use this code in two places:

1. To render outlines for reading in liveblog.co. (Example)

2. To render outlines in rivers, to view outlines included in news items. (Example)

#### Demo app

Here's a link to the demo app on my server so you can see what outlinebrowserdemo.html looks like.

#### Updates

#### v0.5.0 -- 9/22/17 by DW

Saving and restoring expansion state. Two new routines, getExpansionState and applyExpansionState. The demo has been updated to support the feature. Here's the writeup on Scripting News.

#### Dependencies

1. jQuery

2. Font Awesome

3. Bootstrap Toolkit