Atom plugin that outlines properties for CSS, JS and PHP in js, css, html and php files. In .json files arrays and pobjects are outlined. Github Markdown files .md are also supported.
NOTE: Styling issue fixed - update now ;)
These instructions will help you installing and using this atom plugin.
First of all you need Atom installed.
In atom go to
Settings > Install. Next search for weboutline and press install.
Files with the following extensions are supported:
Outline is supported for css rules found in .css files or in .html and .php files within a
<style type="text\css"></style> block.
Tags, Classes and IDs are outlined.
Custom notes start with @ in a css comment block.
In .js files or in .html and .php files within a
<script></script>block all functions are outlined.
You can change in the package settings wether anonymous and babel like functions are outlined or not.
Custom notes start with @ in a js single line comment.
All js and css is outlined as described above. Custom notes start with @ in an html comment block.
For php code classes, methods and functions are outlined. Files that contain mixed html and php are supported. Custom notes start with @ in a php single line comment.
Headlines are outlined and indented depending on their level. Custom notes are not supported within .md files.
In json files webmarkdown outlines keys with an object or an array as value. Custom notes are not supported within .md files. Note that keys must be enclosed in double quotes.
You can add custom notes to structure your code with outline. Use Comment blocks for css, html and single line comments for js and php.
See the following example:
js, php: // @ my note css: /* @ my note */ html: <!-- @ my note -->
Leonard Nürnberg - Initial work - LennyN95
This project is licensed under the MIT License - see the LICENSE.md file for details
Donation is welcome :) Buy me a coffee
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.