Сергей

В сравнении с простыми редакторами типа Notepad++, Sublime Text, Text Mate, Coda 2, Espresso - он однозначно выиграывает по функционалу, а с сравнении с некоторыми из них еще и в удобстве. В сравнении с тяжелыми, типа Eclipse, скоростью и удобством.
Плюсы – это функционал и удобство. Плагины. Нормальный интерфейс. Не тормозит.
Минусы – нельзя использовать как быстрый редактор для одного единственного файла. нужно создавать проекты и держать файлы в них. Всегда будет локальная копия на вашем компьютере. Работает PhpStorm только так. Хотя я не отрицаю, что могу ошибаться.

У меня на маке постоянно используется PhpStorm для проектов и Sublime Text как текстовый редактор с подсветкой для всяких отдельных файлов.

Если вариант с картинками не для вас (возможна только одна картинка в центре), то можно сделать так: jsfiddle.net/28KcW

Если вы спрашиваете про отрисовку в html, то вам поможет ng-include с шаблоном. Шаблон одного пункта можно хранить прямо в вашем view в скрипте.

<script type="text/ng-template" id="category.html">
   код элемента
</script>

В нужном месте (где будет само дерево) пишем:

<ul>
      <li ng:repeat="category in categories" ng:include="'category.html'"></li>
</ul>

categories - наш основной массив с деревом.
"'category.html'" - кавычек должно быть двое, чтобы вернуть строку.

Внутри кода элемента (в шаблоне, то есть) надо будет соответственно написать:

ID: {{category.id}}, 
NAME: {{category.name}}
<ul ng:if="category.children">
        <li ng:repeat="category in $parent.category.children" ng:include="'category.html'"></li>
       <!-- $parent нужен из-за ng-if -->
</ul>

По поводу структуры все понятно - к каждому элементу добавляется массиив с дочерними (children) элементами. При клике на элемент будет идти загрузка, данные добавятся в изначальный массив, он обновится, соответственно обновится и html-дерево. Если, конечно, вы будете подгружать данные нативными методами, запускающими перерисовку, или используете ($scope.$apply(fn))

Я в своих проектах делал именно так (правда, без подзагрузки пунктов - деревья были не более 30 элементов). Если есть способ лучше - буду рад о нем узнать.

codepen.io/anon/pen/imnxC

Линия коротенькая (ищите внимательней), но точно под 30% наклоном. Можно написать генератор на чем ни будь и получить линию любой длины. И любого цвета. Можно даже радугой. И это все на чистейшем HTML.
При желании, возможно всё :)

ЗЫ. Кстати, что мешает вам использовать инлайн-стили?

Используйте mysql. Если сайт будет развиваться, то sqlite исчерпает свои возможности и придется еще раз переносить. Бэкап mysql делается в том же phpmyadmin одним нажатием, а другим нажатием можно из бэкапа восстановиться.

Хостинги, к тому же, обычно делают бэкапы всего раз в день (иногда чаще). Или позволяют это делать из админки, где обычно можно настроить автоматический бэкап.

Отличий в быстродействии на начальном этапе наполнения вы не заметите.