Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 69
Вот бы лучше в момент написания был WYSIWYG, да в стиле самого поста на Хабре, а уж при получении финального текста показывать код целиком. Было бы вообще отлично.
спасибо за коммент
WYSIWYG сложно подружить с подсветкой вставляемых исходников, но пожелание учту
стиль Хабра тоже планирую в предпросмотр включить по максимуму, правда не уверен насколько это разрешено
финальный текст показывается в textarea целиком, все равно большой текст пришлось бы скролить, даже если бы я выводил текст напрямую в какой-нибудь div или растягивал textarea по высоте...
хотя, тоже подумаю
WYSIWYG сложно подружить с подсветкой вставляемых исходников, но пожелание учту
стиль Хабра тоже планирую в предпросмотр включить по максимуму, правда не уверен насколько это разрешено
финальный текст показывается в textarea целиком, все равно большой текст пришлось бы скролить, даже если бы я выводил текст напрямую в какой-нибудь div или растягивал textarea по высоте...
хотя, тоже подумаю
WYSIWYG конечно не обязательно, но вот стиль Хабра в предпросмотре должен быть выдержан.
Вот она проблема всех подобных редакторов... Нельзя на один и тот же выделенный кусок наложить сразу несколько тегов подряд =(
суперштука.
есть пожелания:
ps: кстати, может вместо б всё-таки стронг?
есть пожелания:
- хочется, чтобы можно было держать редактор в попапчике изменяемого размера, который будет опционально всегда поверх других окон.
- очень хочется и нужно, чтобы была возможность написать транслитом, нажать кнопку и получить кириллицу (типа http://www.tlit.ru) (живу за границей, хожу на хабр из разных мест, где нету кириллицы на клавиатуре).
- а можно списки делать так: маркируем текст, до и после маркировки вставляются ul, а до и после строк, начинающихся с абзаца вставляются li?
- а реклама обязательна?
ps: кстати, может вместо б всё-таки стронг?
Этот текст был подготовлен с помощью ХабраРедактораСпасибо за развернутый комментарий!
1. Под редактором вы что понимаете, я немного не понял.
2. Про транслит понял [записываю в TODO]
3. Попробуйте сейчас, я только что внес исправления, которые позволяют, маркировать строки не только в IE7 и Опере но и в FF.
4. Про какую рекламу вы говорите? Опять не понял.
5. Чем стронг отличается от "б", я правда не понимаю, объясните, наверное стоит ввести если есть различия...
1. Под редактором вы что понимаете, я немного не понял.
2. Про транслит понял [записываю в TODO]
3. Попробуйте сейчас, я только что внес исправления, которые позволяют, маркировать строки не только в IE7 и Опере но и в FF.
4. Про какую рекламу вы говорите? Опять не понял.
5. Чем стронг отличается от "б", я правда не понимаю, объясните, наверное стоит ввести если есть различия...
По всей видимости, под «рекламой» имеется в виду строка «
На мой личный и субъективный вкус: ничего не имею против такой формы копирайта, но таким ужасным моноширинным шрифтом он смотрится не очень эстетично, я бы сделал так:
Этот текст был подготовлен с помощью ХабраРедактора»На мой личный и субъективный вкус: ничего не имею против такой формы копирайта, но таким ужасным моноширинным шрифтом он смотрится не очень эстетично, я бы сделал так:
_________Впрочем, повторюсь, это мое личное мнение, не претендующее на объективность.
Этот текст был подготовлен с помощью ХабраРедактора.
а догнал про рекламу, сорри за тормоза, вы наверно про последнюю строчку? нет она не обязательна, пусть кто хочет оставляет, кому мешает - убирает... просто было бы здорово видеть ссылку на редактор в подготовленном в нем тексте.
Я добавил в ХабраРедактор транслитерацию, попробуйте
добавлен "стронг"
а зачем и b и strong?
спроси у :)
спроси у 
malaka
malaka
Мм… На хабре атака редакторов:)
В общем хорошая вещь, многим будет полезна, и думаю не только для хабра.
Но я лично, как и верстал в Quanta, так и буду:)
P.S. У меня на FF3, под линуксом, из-за прозрачной нижней панельки он неприятно подтормаживает. По-моему это довольно безполезная понтовая функция, которой можно пожертвовать, если такое наблюдается не только у меня.
В общем хорошая вещь, многим будет полезна, и думаю не только для хабра.
Но я лично, как и верстал в Quanta, так и буду:)
P.S. У меня на FF3, под линуксом, из-за прозрачной нижней панельки он неприятно подтормаживает. По-моему это довольно безполезная понтовая функция, которой можно пожертвовать, если такое наблюдается не только у меня.
Есть пожелание добавить на «панель» возможность быстрой вставки особо нужных символов.
Например:
– русскоязычные кавычки («, ») [
– тире (–, —) [
– неразрывный пробел [
– амперсанд (&) [
– копирайт (©) [
– трэйдмарк (™) [
Наверное, еще что-нибудь полезное забыл.
Например:
– русскоязычные кавычки («, ») [
«, »];– тире (–, —) [
–, —];– неразрывный пробел [
].– амперсанд (&) [
&];– копирайт (©) [
©];– трэйдмарк (™) [
™].Наверное, еще что-нибудь полезное забыл.
Будут, я про это уже думал :)
Можно текст сразу через Типограф (http://www.artlebedev.ru/tools/typograf/) прогонять.
спасибо учту
Да, там есть типографирующий веб-сервис. Еще нужно иметь в виду, что участкам кода типографирование не нужно.
добавил панель с картой символов
тест: ?©®™&¶–—«»
тест: ?©®™&¶–—«»
Главное "правильное" нововведение это "аннотация" с хабракатом.
Имхо хабре этого сильно не хватает.
Почти всегда забываю хабракат вставить.. А тут - не ошибешься
Имхо хабре этого сильно не хватает.
Почти всегда забываю хабракат вставить.. А тут - не ошибешься
Здорово постарался, молодец!
Несколько пожеланий:
1. Хочется кнопочку "600" в предпросмотре.
2. Вместо ссылки на http://poison.qsh.ru, лучше наверное просто написать "подсветка синтаксиса".
3. Я бы укоротил нижнюю часть редактора (после habracut).
4. Продублировал бы верхний бар с кнопками и снизу. (Если ты пишешь длинный пост, приходиться скролить наверх)
5. Добавил бы кнопку на какой-нибудь русский Spell Checker, например этот или этот.
6. Добавить конопку "X" на панели тэгов, чтобы её скрыть.
Пока вроде все.
Надо будет его попробовать использовать по настоящему, тогда наверняка возникнут еще пожелания. :)
Спасибо.
Несколько пожеланий:
1. Хочется кнопочку "600" в предпросмотре.
2. Вместо ссылки на http://poison.qsh.ru, лучше наверное просто написать "подсветка синтаксиса".
3. Я бы укоротил нижнюю часть редактора (после habracut).
4. Продублировал бы верхний бар с кнопками и снизу. (Если ты пишешь длинный пост, приходиться скролить наверх)
5. Добавил бы кнопку на какой-нибудь русский Spell Checker, например этот или этот.
6. Добавить конопку "X" на панели тэгов, чтобы её скрыть.
Пока вроде все.
Надо будет его попробовать использовать по настоящему, тогда наверняка возникнут еще пожелания. :)
Спасибо.
Спасибо тебе за комментарий.
1. Будет
2. Ок, как скажешь :) кстати а чего это сервис в дауне с утра был?
3. По моему это фича, удобно видеть большой кусок текста, но если еще жалобы будут я укорочу
4. Была такая мысль, но тогда панель становится большой, и на маленьких разрешениях кушает большую часть экрана... подумаю
5. Спелчекер пора уже встроенный в браузер иметь :) гугл тулбар например
6. Будет
1. Будет
2. Ок, как скажешь :) кстати а чего это сервис в дауне с утра был?
3. По моему это фича, удобно видеть большой кусок текста, но если еще жалобы будут я укорочу
4. Была такая мысль, но тогда панель становится большой, и на маленьких разрешениях кушает большую часть экрана... подумаю
5. Спелчекер пора уже встроенный в браузер иметь :) гугл тулбар например
6. Будет
6. Добавил кнопку "Х".
Еще можно:
7. Сделать Color Picker для фонта. хотя бы выпадающий, с основными цветами.
8. встаить картинку с компьютера, тем самым закачав её куда нидбь. (подключиться к API какому-нибудь бесплатному сервису).
Короче, наверное надо выносить вставку href и img в отдельный div.
для href можно добавить target, rel и к.д.
и для img можно добавить align, alt, border и т.д.
7. Сделать Color Picker для фонта. хотя бы выпадающий, с основными цветами.
8. встаить картинку с компьютера, тем самым закачав её куда нидбь. (подключиться к API какому-нибудь бесплатному сервису).
Короче, наверное надо выносить вставку href и img в отдельный div.
для href можно добавить target, rel и к.д.
и для img можно добавить align, alt, border и т.д.
спасибо большое. Проверил только один тег - code. Вставил в него Objective-C код с моей предыдущей статьи, но отступы не сохранились. Очень хотелось-бы чтобы сохранялись отступы
Классная вещь :)
Еще пожелание - у меня толком не получилось вставить код, все время он чем-то обрезался. Причем обрезался на Хабре, а в редакторе не обрезался.
Пришлось заместо < использовать <, а вместо > использовать >
Можно это учесть в редакторе :)
Пришлось заместо < использовать <, а вместо > использовать >
Можно это учесть в редакторе :)
1. Орфография:
Во фразе "Все кнопки работают так же и с выделенным текстом"
"Также" пишется слитно. Но лучше убрать это слово или заменить его синонимом "аналогично", чтобы стало, напр.
"Все кнопки работают и с выделенным текстом"
"Все кнопки работают аналогично и с выделенным текстом"
"Кнопки работают с выделенным текстом" (здесь и так ясно, что они работают сами по себе)
2. Брэнд
предлагаю изменить название с "ХабраРедактор" на хабрадитор или HabraDitor, т.к. по обычаям русского поглощения лишних гласных, так и будет в будущем.
3. Отранжировать план доработок:
- доработать предпросмотр; // Возможно
- сделать панель с отображением Хабра; // Зачем?
- улучшить поддержку в браузерах; // М.б.
- возможно, реализовать возможность сохранения черновиков. // А вот это как раз важно, т.к. напрямую влияет на время, которое писатель тратит на статью, вернее рискует потерять. Д.б. автоматическим
Ах, да, просто так подобный план на голосование не ставьте, т.к. это уже реализация неких целей. Для начала надо определить цели. Мне, как потенциальному писателю важна сохраняемость текста, а вот обычный читатель об этом малозадумается и будет тыкать напротив "улучшить поддержку в браузерах" и брызгать слюнами, типа, "а под моим сафари под бубунту 3.45 не идет!" :)
Во фразе "Все кнопки работают так же и с выделенным текстом"
"Также" пишется слитно. Но лучше убрать это слово или заменить его синонимом "аналогично", чтобы стало, напр.
"Все кнопки работают и с выделенным текстом"
"Все кнопки работают аналогично и с выделенным текстом"
"Кнопки работают с выделенным текстом" (здесь и так ясно, что они работают сами по себе)
2. Брэнд
предлагаю изменить название с "ХабраРедактор" на хабрадитор или HabraDitor, т.к. по обычаям русского поглощения лишних гласных, так и будет в будущем.
3. Отранжировать план доработок:
- доработать предпросмотр; // Возможно
- сделать панель с отображением Хабра; // Зачем?
- улучшить поддержку в браузерах; // М.б.
- возможно, реализовать возможность сохранения черновиков. // А вот это как раз важно, т.к. напрямую влияет на время, которое писатель тратит на статью, вернее рискует потерять. Д.б. автоматическим
Ах, да, просто так подобный план на голосование не ставьте, т.к. это уже реализация неких целей. Для начала надо определить цели. Мне, как потенциальному писателю важна сохраняемость текста, а вот обычный читатель об этом малозадумается и будет тыкать напротив "улучшить поддержку в браузерах" и брызгать слюнами, типа, "а под моим сафари под бубунту 3.45 не идет!" :)
Большое спасибо, постараюсь все учесть поэтапно :)
Про голосование речи даже и не шло, буду решать сам что исправлять и добавлять, в зависимости от свободного времени.
Про голосование речи даже и не шло, буду решать сам что исправлять и добавлять, в зависимости от свободного времени.
1. Про решения
Решайте исходя из подтребностей конкретной целевой аудитории, а не всех, т.е. в решениях труднее всего будет критерии найти, а решить уже не так сложно.
2. Про подсветку.
Она обязана позволять делать отступы табом, заменяя его nbsp`ами что ли — это надо как-то отлавливать события.
Решайте исходя из подтребностей конкретной целевой аудитории, а не всех, т.е. в решениях труднее всего будет критерии найти, а решить уже не так сложно.
2. Про подсветку.
Она обязана позволять делать отступы табом, заменяя его nbsp`ами что ли — это надо как-то отлавливать события.
Вы имеете в виду подсветку синтаксиса, которая открывается в отдельном окне? Если так, то обратитесь по этому поводу к ее создателю fotokaif .
fotokaifСохранение черновиков реализовано
2all: пока тестирую, если что сообщайте об ошибках, предлагайте улучшения, особенно про дизайн и юзабилити интересно, а то пока не определился
2all: пока тестирую, если что сообщайте об ошибках, предлагайте улучшения, особенно про дизайн и юзабилити интересно, а то пока не определился
Ё, мэн! транслит заработал! и стронг появился! думается, "б" можно и убрать...
Так что, получится хабраедитор в popup открывать, что он всегда на переднем плане висел?
Ещё мысль: убрать все тэги, которые внизу редактора в строку, под drop-downы? и выбор линка тоже под drop-down: типа так: вставить линк -> user, url, img, email, youtube, rutube
эргономичней выйдет имхо
Так что, получится хабраедитор в popup открывать, что он всегда на переднем плане висел?
Ещё мысль: убрать все тэги, которые внизу редактора в строку, под drop-downы? и выбор линка тоже под drop-down: типа так: вставить линк -> user, url, img, email, youtube, rutube
эргономичней выйдет имхо
Интересно, а работодатель - владелец сайта bankinform.ru - в курсе, что на его детище расположен хабраредактор?
А можно выкинуть из копирайта лишние слова и вместо «Этот текст был подготовлен с помощью ХабраРедактора.» получить «Текст подготовлен в ХабраРедакторе.»...
послушайте! это же просто чудесно!
Возможно если бы администрация Хабрахабр учитывала все улучшения, которые ей предлагают пользователи сайта, мы бы получили настоящий web 3.0 - когда пользователи не только создают контент ноеще и создают инструменты по обработке этого же контента?!
Прочитал случайно как ХабраРеактор (не обижайтесь, это не намёк). тоже ничего себе концепт.
Я даже не понял на что тут обижаться :)
Аналогия с часто поминаемым на ЛОРе(linux.org.ru) биореактором.
"ХабраРедактор уже скопировал за вас текст в буфер обмена" — сомнительное решение. Хорошо хоть ХабраРедактор корзину за меня не очистил :). В этот момент в буфере могло быть что-то нужное, так пользователь (пусть 1 из 100000) может потерять важную инфу. Хотелось бы, чтобы это было все-таки кнопкой, а не автоматом.
Как компромисс, могу предложить установленную по дефолту галочку рядом с кнопкой "Получить текст" ("Поместить в буфер обмена") и кнопку на панели кода. Опять же, она нужна, если я внесу дополнительные правки уже в этом окне.
Как компромисс, могу предложить установленную по дефолту галочку рядом с кнопкой "Получить текст" ("Поместить в буфер обмена") и кнопку на панели кода. Опять же, она нужна, если я внесу дополнительные правки уже в этом окне.
неплохо смотрится в sidebar'е Opera только с использованием Small SCreen
может мобильную версию сделать?
может мобильную версию сделать?
Небольшой анонс:
Более подробный анонс с итогами будет в понедельник.
_________
Текст подготовлен в ХабраРедакторе
- в проекте добавлено сохранение черновиков, пока тестируется;
- добавлена возможность быстрой замены в области выделения символов <> на соответствующие коды 60 и 62. Теперь можно просто выделить текст и одной кнопкой сделать так, чтобы тэги нормально нарисовались на Хабре.
Более подробный анонс с итогами будет в понедельник.
_________
Текст подготовлен в ХабраРедакторе
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
ХабраРедактор для тех кто пишет статьи