(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 комментария
Написать комментарий...
Paul_N

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

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

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

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

Ну вроде того. И там уже есть подсветка всех языков, что известны самому GitHub'у

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

Денис может меня поправить, но нам вроде нравится не полагаться на сторонние разработки, от которых фиг знает, чего ждать

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

Поэтому у нас есть Андропов который парсит другие сервисы, если нужно будет – добавим :)

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