(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93807279, "init", { defer: true, clickmap:true, trackLinks:true, accurateTrackBounce:true }); ym(93807279, 'hit', window.location.href);

Возможность вставлять код в статьи и новый раздел «Разработка» Статьи редакции

Привет. Мы наконец-то доделали возможность вставлять код в материалы — нас периодически об этом спрашивали.

И раз уж появилась возможность вставлять код, то в качестве эксперимента мы открыли новый подсайт «Разработка» — на него не подписаны все по умолчанию, поэтому если вы хотите видеть обновления раздела, нужно зайти в него и подписаться:

Разработчики vc.ru и их друзья попробуют начать писать первые материалы — посмотрим, что из этого получится. Делитесь приёмами и образовательными материалами, знакомьтесь с другими разработчиками, системными администраторами, QA-специалистами и представителями других направлений.

Чтобы проще было делиться примерами кода, обсуждать баги и крутые решения, мы добавили в редактор инструмент «Код».

Нужно лишь вставить в окошко свой фрагмент.

Выглядеть в материале он будет так:

import Router from 'koa-router'; import pmongo from 'promised-mongo'; const router = new Router(); const db = new pmongo('localhost/my-app'); const dataRequired = function *(next) { if (typeof this.request.body['data'] === 'object') { yield next; } else { this.throw(400, 'Request data is required'); } };

Инструмент поддерживает подсветку синтаксиса для JavaScript, TypeScript, CSS, Stylus, C++, C #, Bash, Shell, JSON, Nginx, ObjectiveC, Swift, Java, PHP, Perl, SQL, Ruby, Go, XML. Если нужен другой язык — пишите, добавим.

0
64 комментария
Написать комментарий...
Sam Beckett

Отличная идея с этим новым разделом. Хочется даже что-то написать в этот раздел, но понятия не имею что именно )

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
11 комментариев
Sam Beckett

А что именно хотели бы почитать по этой теме?

Ответить
Развернуть ветку
1 комментарий
Выпил ли mojo?

Не надо, этого добра в сети как грязи.

Ответить
Развернуть ветку
1 комментарий
Александр Пирус

VC теперь не только Пикабу, но и Хабр (шутка)

Ответить
Развернуть ветку
Сергей Солнечный

Хабрбу

Ответить
Развернуть ветку
Valentin Dombrovsky

VC — Хабр
Хабр — торт
Следовательно: VC — торт

Ответить
Развернуть ветку
2 комментария
Тёма Банана

В приложении для iOS подсветка кода не работает

Ответить
Развернуть ветку
Константин Панфилов

В приложении для Android тоже, если вас это успокоит (скоро поправим 🙌)

Ответить
Развернуть ветку
1 комментарий
Denis Shiryaev

Скоро будет поддерживаться

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Sam Beckett

Вам - не знаю, а нам надо

Ответить
Развернуть ветку
2 комментария
Алексей Марышев

Чтобы унижать тех кто не умеет в программирование.

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
2 комментария
Safort
Если нужен другой язык — пишите, добавим.

Добавьте подсветку для Rust.

Ответить
Развернуть ветку
Никита Хэзэковъ

И для питона.

Ответить
Развернуть ветку
Citizen Di

В настройках игры увеличьте яркость, а вообще хорошая игра эта Rust

Ответить
Развернуть ветку
Roman Sergejevich

Kotlin

Ответить
Развернуть ветку
Илья Шакиров

Раз пошла такая пьянка, то и 1С тоже

Ответить
Развернуть ветку
2 комментария
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Олег

Kotlin

Ответить
Развернуть ветку
Цой жив

Спасибо VC - у вас лучшая платформа в мире! Даже удобнее чем Medium!

Ответить
Развернуть ветку
Цой жив

Было бы классно:
1. Картинку вставлять не через upload, а через past
2. Когда жмешь Backspace - то перескакивать на строчку выше при достижении начала строчки

Ответить
Развернуть ветку
Артем Вирский

Хочу добавить пару идей для приложения.
1. Из статьи есть только кнопка назад, но нет кнопки домой. После десятка-другого прочитанных через рекомендации материалов быстро вернуться на главную=перезапустить приложение.
2..... Забыл. У меня такая память, минута, и снова "Здравствуйте!"

Ответить
Развернуть ветку
Camington

И тёмную тему. Иначе скоро за вас это сделают солда... гугл

Ответить
Развернуть ветку
MEGAtraXXXer666

/>>>while x:
... print(‘ti - kotik’)

Ответить
Развернуть ветку
Paul_N

У Github есть какая-то фича, позволяющая gist'ы с него (это такой как бы репозиторий, но только для фрагмента кода) добавлять на сторонние сайты. Выглядит очень аккуратно и не надо было бы морочиться.

Ответить
Развернуть ветку
Константин Панфилов

То есть это такой embed?

Ответить
Развернуть ветку
3 комментария
Sergey Tolmachev

Scala!

Ответить
Развернуть ветку
Alldar

Было бы неплохо сделать отдельный сайт по типу хабра (благо они решили уйти в английскую аудиторию), получается тут хаб разработки, а на dtf разработка игр отдельно от vc

Ответить
Развернуть ветку
Valentin Dombrovsky

Куда-куда они решили уйти? Появление англоязычной версии не значит, что Хабр «ушёл в английскую аудиторию».

Ответить
Развернуть ветку
2 комментария
Valentin Dombrovsky

«Инструмент поддерживает подсветку синтаксиса для JavaScript, TypeScript, CSS, Stylus, C++, C #, Bash, Shell, JSON, Nginx, ObjectiveC, Swift, Java, PHP, Perl, SQL, Ruby, Go, XML. Если нужен другой язык — пишите, добавим».

Дык Python же!

Ответить
Развернуть ветку
Семён Бочкарёв

Сегодня как раз опробовал вставку кода в рамках своей статьи.

В целом работает хорошо. Подсветка кода отсутствует, но то специфика форматирования Shell-команд. Хотелось бы иметь возможность задавать язык программирования для блока, потому что ой как я не уверен, что с расширением количества языков автоформаттер будет отрабатывать 100% корректно во всех случаях.

Чего реально не хватало - возможности вставить кусок кода inline, то есть посреди текста. К примеру, в статье пишется про команду в шелле, которую хочется визуально выделить для удобства читателя. В Markdown это делается вот так: `echo "HELLO WORLD"`. А в отсутствие возможности приходится выделять курсивом или "маркерным выделением", что несколько не то, потому что маркерное выделение вообще для другого предназначено.

Ну и из совсем сумасшедших идей - сделать импорт из Markdown или reStructured text. Структура блоков и выделений у них и визуального редактора схожая, для публикации я сделал копию из Markdown Preview, большая часть форматирования осталась на месте. Но не вся. В случае с большими статьями это избавило бы от геморроя с детальной проверкой форматирования в предпросмотре.

P.S. А сама идея хаба - вообще отличная. На vc.ru немало разработчиков, и им есть о чём сказать, я уверен.

Ответить
Развернуть ветку
61 комментарий
Раскрывать всегда