Pull to refresh

Редактор для хабра

Reading time2 min
Views910

Хабра редактор.


Предыстория

Делал для своего блога online редактор контента. Причем я привык пользоваться обычным редактором типа notepad++. Я не сторонник WYSIWYG редакторов, поэтому сделал свой редактор на основе обычного textarea. Какие же преимущества у редактора?
  1. Удобная панель инструментов в стиле Office 2007 (на скока покажет практика)
  2. Поддержка горячих клавиш (почти на весь функционал)
  3. Tab ставит именно табуляцию, а не прыгает на следующий элемент (ставит 4 пробела)
  4. Shif+Tab удаляет табуляцию
  5. Умный Enter (при переносе вставляет табуляцию как у предыдущей строки для выравнивания)
  6. Shift + Enter вставляет перенос строки в стиле HTML тег

К чему это я клоню?

Мне показалось это удобно по этому я решил, поделиться этим счастьем с другими, и сделал сервис для написания статей для хабра. А так как на хабр пишут много кода, решил реализовать и подцветку кода используемую на моем блоге. А так как добрый хабр вырезает все не угодные ему теги, а я использую библиотеку GeSHi. Пришлось немного доработать напильником, и теперь у хабросообщества появилась возможность писать код в красках. А так как эта библиотека довольно популярна она может подсвечивать более 80 языков. Подцветка реализуется прямо в тексте статьи, надо просто указать класс для тега code вот так <code class="html"></code >.
Если не хотите чтобы подцвечивал, то не надо не чего указывать тогда он просто отформатирует отступы без подцветки.

Также был подключен типограф подробнее, что он может, можно посмотреть здесь*4.


Заключение.

Я старался сделать все как можно удобнее, но мнение одного все же это только его мнение. По этому жду комментарии на тему, что не удобно, и что можно реализовать, чтобы повысить юзабилити.Желательно все предложения и баг репорты оставлять на странице посвященной редактору 
Ссылки по теме

  1. Хабра редактор
  2. Страница Хабра редактора
  3. GeSHi
  4. Типограф

Tags:
Hubs:
Total votes 99: ↑85 and ↓14+71
Comments125

Articles