Помнится мне, когда-то давно были каки-то статьи о проблемах редактора статей на хабре, а сейчас тишина. Думал, что теперь все замечательно, но вот вляпался в WYSIWYG редактор, о чем далее.
В коем-то веке решил наваять первую статью и, предвидя проблемы с редакторами и потенциальными потерями данных, делал все в маркдауне локально не спеша.
Сделал часть, перечитал, поправил там сям. Думаю надо дать друзьям оценить мой опус и естесственно первая мысль перенести на хабр и там уже ссылочку на черновик скинуть. Хех, оказывается 20 лет в стро топ IT ресурс для публикации статей не дает возможности пошарить черновик для чтения. Ответ тех. поддержки порадовал:
У нас пока не реализован доступ к черновикам по ссылке. Т.ч. единственный возможный вариант, это скопировать материал на внешний ресурс (текстовый файл или google docs).
"Пока не релиазован", наверное планируется. Не представляю как авторы все это время мирились с необходиостью организовывать шеринг для предпросмотра своими силами, а не средствами платформы в том виде как оно должно будет выглядеть.
Ладно, не критично, хорошо что уже все итак в md, просто перекинул его. А пока друзья читают, посмотрим, а что же скопировалось из моего md в хабровский WYSIWYG редактор.
Исходный текст из обсидиана:
И что вставилось на хабре:
Что ж, все поехало, надо заново вставлять текстом внутрь код-блока. Почему простая кописата из md код-блока, где еще указан язык, не вставляется нормально в редактор, я не понимаю и даже теряюсь в догадках почему он вообще может сожрать переносы строк.
Почему-то в этот момент у меня не екнуло, что таких блоков будет куча и надо бы что-то с этим сделать заранее, но на тот момент таких блоков было мало и несколько копипаст сделать было не проблемой.
А давайте глянем как же все будет выглядеть в итоге? Для этого надо отправить статью в черновик, а чтобы отправит ьв черновик надо заполнить всякие поля типа хабов, тегов и описания на 100 символов - но мне же только посмотреть как будет выглядеть! Не, заполняй, потом глянешь.
Ну ок, делать нечего, чего-то заполнил, перевел в черновик, поглядел - переносы строк и разбивка на абзацы. Если md есть начало нового абзаца, но не через пустую строку, то для WYSIWYG это не аргумент начинать новый абзац. Но вцелом мелочь, и в исходном md читаемее будет.
Тут разрыв нужен был, т.к. разные абзацы, а вот со списками почему-то вариантов нет и идет всегда отрыв от текста:
Обхода я не нашел, а может и не особо искал, т.к. в редакторе почему-то это если и есть то спрятанное. А я все удивлялся, почему в статьях так "плохо" выглядят списки и гптшные статьи сразу бросаются глаза - да просто из-за такой визуализации списков. При этом внутри абзацев замечательно работает shift+enter и при желании можно сделать как то так:
- абв
- бва
Но без отступов, красивых булетов и автонумерации.
А знаете как вставить блок кода в нумеровнный список и не разорвать нумерцию? Нет? Вот и я не знаю, и тех. поддержка не знает. Точнее знает, и даже отредачили мою статью за меня, чтобы показать как надо - а надо просто не использоваться нумерованные списки и писать абзацами и в начале проставлять 1), 2) и т.д., опять же теряя красивости. Ответ от тех. поддержки на вопрос, почему такой фичи еще нет, был хорош:
С этим в самом HTML обстоит не очень просто. Чтобы организовать более удобную реализацию нумерации с заданного значения, нужно наворотить сверху целый ворох кода и условий, а это избыточное усложнение: https://stackoverflow.com/questions/4615500/how-to-start-a-new-list-continuing-the-numbering-from-the-previous-list
Напомню, 20 лет Хабру.
И где-то здесь, когда уже треть статьи была внесена в редкатор и переформатирована пару раз я обратил внимание на режим редактора Markdown. Жаль только что он залочен, и надо все удалить, а только после этого менять режим. Из-за лени остался как есть.
Добив статью, начал перенос на хабр, все шло по уже описанным выше граблям. Далее простенькое - вставка картинок, тривиальная операция, все замечательно, вводишь текст в подписи, жмешь enter и ничего не происходит - ни переноса строки ни выхода из редактирования с переносом курсора на следующую за картинкой строку. Странно, но ладно.
Пришло время публикации. Вопрос только один - а можно как-то сделать нормальное позиционирование картинки для превьюхи, а не попытку ее вместить в непонятного размера прямоугольник? Для которого надо еще подбирать картинку с текстом там где, его не сожрет обрезание сверху и снизу. И почему картинка растигается в ширь до ваших границ, но не растягивается в высоту? Раз картинка всеравно будет трасфориться, то почему бы сразу не дать возможнсть выбрать нужную зону не ней, добавить альфой прозрачныое заполнение по сторонам, но чтобы она в высоту была как надо. За 20 лет я видимо первый у кого такая проблема, а мне пришлось идти переделывать картинку, и с третьего захода текст на картинке не обрезался, удобно.
Опубликовал, смотрю циферки, статистика, красота. Вижу, что дочитывают мало, но это и ожидаемо на тексте с оценкой в 39 минут. Нужно оглавление, хоть какое-то упрощение в навигации. Заголовки разноуровневые в md у меня были, все красиво выделено. Я же видел в других статьях оглавления, думаю ща быстренько добавлю. Хех, оказывается встроенного нормально механизма для вставки оглавления, как в любимом Confluence, на хабре не придумано или опять же спрятано так, что не найдешь. В очередной раз обращаю внимание, что отсутствие оглавлений в статьх - это касяк платформы, и авторы чаще бы их использовали, если бы это было проще сделать.
Чтож, поиском в гугле чудом вышел на наличие якорей - побежали расставлять, запоминая указаные там id, а то ведь они автоматом подтягиватсья не будут. Но есть проблема, в Firefox (а может и в хроме, не проверял) почему-то при вводе текста якоря перестает работать мышка для переноса курсора и выделения текста - при любых действиях мышкой начинает перемещаться якорь. Очень удобно, редактируем навигируясь стрелочками, благо хоть курсор виден.
Накидал якорей, накидал список оглавления со ссылками. Теперь надо проверить, а работают ли они и корректно ли прокручивают страницу. А знаете как это сделать, если статья опубликована? Правильно, снимаем с публикации в черновики, ведь предпросмотра нет! Шикарное решение, ничего не скажешь. А знаете как увлекательно крутить в самый низ 40минутной статьи, чтобы там найти кнопку для перехода в настройки статьи, где как раз она и переводится в черновики? Я теперь знаю, благо ctrl+end. Что ж, с третьего прохода круга редактирование-настройки-черновик-редактирование ссылки заработали.
Но работают они нормально, только если вы кликаете в на ссылку в оглавлении. Если же рефрешнуть страницу или скопировать получившуюся ссылку и открыть на новой вкладк, то переход на якорь, который стоит перез заголовком, прокручивает страницу так, что этот заголовок не виден. Проверил и в FF и хроме. Понимаю, что якорями и оглавлениями ввиду описанного выше пользуются крайне редко, а уж ссылками на якоря делятся, я думаю, вообще единицы, но проблема в наличии.
Вот такой был мой первый опыт написания статьи, после которой собрался считай полноценный багрепорт, который тех. поддержке будет не интересен, судя по ответу выше. Поэтому статья фактически ради опросов авторов, а то может действительно, описанное мной это не проблема, а все авторам нормально пользоваться WYSIWYG.
Пока делал опросы выяснилось, что если ты не мегамозг и отправил статью с опросом в черновик, то назад дороги нет и надо его удалять, чтобы убрать лишний вариант. А еще нельзя опросы местами менять и только через копипасту переносить вопрсоы и варианты. Удобна.
