21
В данном случае это не спойлер. Это сниппет, который по умолчанию свернут.
Для добавления сниппета нужно воспользоваться следующей кнопкой в режиме редактирования
Либо воспользоваться горячими клавишами: Ctrl+M
Далее поставить в меню слева галочку "Скрыть код по умолчанию"
ответ дан 11 авг '16 в 17:22
19
Оставить и встроенный сниппет so и ссылку на fiddle.
Мы понимаем, что это некоторое дублирование, но возможно кому-то из пользователей сайта будет удобнее воспользоваться функциональностью, которую предлагают сторонние fiddle-сайты.
В рассматриваемом конкретном примере наилучший вариант был бы "улучшить правку" с возвратом ссылки на fiddle.
15
Это встроенный аналог jsFiddle, позволяющий пользователю ввести HTML, JS и CSS исходники и выполнить в песочнице как единое целое. К сожалению, многие новички путаются и не понимают, когда использовать сниппеты, а когда обычное форматирование кода.
В подобных случаях рекомендую просто удалять строки begin snippet и end snippet.
Справедливо и обратное: если ...
11
Всё там есть:
ответ дан 24 дек '17 в 18:37
11
Обычно код форматируют с помощью четырёх пробелов в начале каждой строки кода:
<html>
<head></head>
<body></body>
</html>
Однако, если код написан на языках HTML, CSS и JavaScript, имеется возможность воспользоваться расширенным форматированием с помощью так называемого сниппета:
Да, ниже картинка. Сниппеты на ...
ответ дан 24 янв '17 в 10:29
Arhadthedev
11.2k11 золотой знак1010 серебряных знаков3535 бронзовых знаков
11
Сниппет отличается от обычного куска кода тем, что под ним есть кнопка, позволяющая увидеть результат. А потому любой код, который не может быть исполнен прямо в браузере, не должен попадать в сниппет.
Добавление сниппета в чужой ответ - это, как я думаю, незначительная правка, и ее не следует делать участникам с репутацией меньшей 2000 если все остальное в ...
9
Codepen предоставляет больше возможностей для написания сниппетов, чем встроенный сниппет. Так, на codepen можно использовать typescript, stylus, haml.
В настоящее время сниппет их не поддерживает. А так как невозможно узнать что использовано в сниппете на codepen, в общем случае нельзя требовать переноса.
Следовательно на данный момент нельзя менять ...
ответ дан 22 ноя '19 в 12:13
9
Называется сниппетом, делается вот этой кнопкой. Но это только для html/css/js/jsx.
ответ дан 19 июл '19 в 16:47
7
не подключен jQuery на странице сниппета, а в jsfiddle это скрыто в настройках
JSFiddle
Ошибку можно увидеть в консоли браузера
6
Буквально вчера в сниппеты добавили галку include console
И теперь вывод вы консоли перехватывается и выводится дополнительно в окне сниппета, поддерживаются следующие функции консоли
console.config
console.clear
console.error
console.info
console.warn
console.log
а так же вывод ошибок.
Для следующего сниппета
Будет сгенерирован следующий файл
Как ...
6
Это просто Utf-8 символы zero-width space \u200b.
Если навести на них курсором мыши - вы увидите всплывающую подсказку.
Их можно удалить.
6
Редизайн не поможет. Пиктограммы не стандартизованы, рисуются по вкусу левой пятки каждого дизайнера - а потому их изучение может сравниться с изучением китайского. Особенно в глазах неопытного пользователя, который не может уловить закономерности.
Исторически, пиктограммы появились для связи главного меню программы и панели инструментов. Предполагалось, ...
5
На enSO Мете много раз вопрос поднимался.
По сравнению с JS очень сложно всё это реализовать.
В случае с тем же C++ поведение различных компиляторов может отличаться.
Для Java и т.п. для полноценной работы нужен сервер, а это лишняя нагрузка + дыра в безопасности.
В компилируемых языках может уходить много времени на компиляцию, в то время как JS ...
ответ дан 28 дек '19 в 9:28
Suvitruf - Andrei Apanasik
31.5k55 золотых знаков4646 серебряных знаков158158 бронзовых знаков
4
Так задумано. Сниппеты перестают работать при рейтинге сообщения -3 и ниже (в оригинале less than, возможно порог поменяли):
Introducing Runnable JavaScript, CSS, and HTML Code Snippets
Like all other aspects of our site, Stack Snippets are ultimately governed by the community. Because users can still write code that creates annoying behaviors like ...
3
Обновление. Ответ больше не актуален, теперь нумерованные списки с началом от нуля работают, предположительно, в связи с переходом на CommonMark.
Это не совсем "дефект", скорее отсутствие функционала. Markdown преобразует список в HTML тег ol, но не дает возможности задать атрибут start. Можно использовать экранирование:
0\. Иван
1\. Петр
2\. ...
ответ дан 16 сен '19 в 8:04
MSDN.WhiteKnight
19.1k11 золотой знак1111 серебряных знаков3030 бронзовых знаков
3
Для отображения консоли в сниппете используется сторонний скрипт.
Внутри этого скрипта переопределяется ряд методов объекта console.
В новой реализации параметр переданный в функцию переводится в строку. Перевод осуществляется кодом, основанном на Douglas Crockford's json2.js.
Конкретно за перевод массива отвечает код
if (Object.prototype.toString.apply(...
3
Как ответили на аналогичный вопросе на мете Rendering glitch in Stack Snippet
This happens when a line of code is so long that it needs to be split in more than 50 editor lines - in your example, the line has about 2500 characters. This is a very extreme case so I'm doing a Steve Jobs here and telling you "Just avoid coding that way" :-)
Это все из-за ...
3
Я интересовался подобным вопросом в рамках примеров для Документации. Как мне кажется, ответ будет аналогичен и примерим к фрагментам кода в вопросах и ответах.
Подобный функционал добавит больше вреда, чем пользы.
(В дополнение ответа D-side.) К примеру, чтобы выполнить простой фрагмент С–кода, необходимо иметь не только код указанный участником, но и ...
ответ дан 8 авг '16 в 9:09
3
Сниппеты теперь работают на Мете!
P.S. Я написал этот ответ, т.к. считаю, что любой вопрос с установленным тегом [статус-*] должен подразумевать наличие ответа. См. тут.
ответ дан 15 мар '17 в 19:49
αλεχολυτ
26.2k55 золотых знаков4242 серебряных знака143143 бронзовых знака
2
Да, проверка вопросов действительно была отключена. Сниппеты уже подключили месяц назад.
Есть шанс, что будут какие-то проблемы с поиском блоков кода в тексте на русском, так что, пожалуйста, дайте знать, если вопросы с ссылками на JsFiddle, но без кода, будут все еще появляться.
1
Решил задачу, написав пользовательский скрипт из одной строки кода:
// ==UserScript==
// @name Open StackOverflow snippet editor on touch devices
// @include https://stackoverflow.com/*
// @include https://*.stackexchange.com/*
// @include https://*.stackoverflow.com/*
// @grant none
// ==/UserScript==
$('a.edit-snippet').on('...
1
Похоже, что визуализатор сниппета игнорирует дополнительные пробелы в первой строке. Это похоже на здравый смысл: html-код всегда будет начинаться с какого-то корневого элемента, иначе он не будет валиден.
Попробовал открыть все сниппеты в режиме редактирования и нажать «вставить код» — лишние отступы автоматически исправились. Т.е. в логике сниппета даже ...
ответ дан 11 янв '17 в 16:28
Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими
Связанные метки
сниппеты × 45дефект × 23
обсуждение × 13
предложение × 13
поддержка × 8
статус-завершено × 7
локализация × 6
редактор × 6
мобильная-версия × 3
правки × 2
статус-так-задумано × 1
форматирование × 1
markdown × 1
самоответы × 1
статус-отложено × 1
список × 1