Есть ли хороший встраиваемый виджет кода для блогов

StackOverflow https://stackoverflow.com/questions/251297

  •  05-07-2019
  •  | 
  •  

Вопрос

Мой соучредитель в настоящее время запрашивает в нашем блоге виджет с встраиваемым кодом.

http://devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/

По сути, мы хотим что-то вроде http://pastie.org/ или http://codepad.org/ но мы действительно хотим встроить раздел кода в наш блог.Мы знаем, что существуют плагины для обычных блогов и серверных решений, но было бы здорово иметь возможность просто встроить немного javascript и иметь красиво отформатированный код в любом месте...

Существует ли что-то подобное?Неужели мы только что пропустили это?

Это было полезно?

Решение 2

Мы попросили пользователя указать плагин WordPress, который использует Gist для выполнения именно того, о чем мы просили ...

http://pomoti.com/gist-it-english

Даже если вы не используете подключаемый модуль, он выглядит как функция Gist, позволяющая встраивать код в любое место в Интернете. http://gist.github.com

Выглядит довольно мило. Спасибо Дирсеу-младшему.

Другие советы

Я думаю, вам нужен маркер синтаксиса javascript

Иногда вы просто продолжаете мыслить неправильными ключевыми словами ;-)

Ознакомьтесь с CodeRay и UltraViolet . Они оба довольно хороши и просты в использовании.

Я использую подсветку, включенную в Dojo (адаптировано из highlight.js Ивана Сагалаева ). Все, что вам нужно сделать, это включить несколько строк кода в заголовок вашей веб-страницы (тег сценария, указывающий на AOL или Google, ссылку на CSS, размещенную в AOL или Google, и тривиальный сценарий для запроса выделения) добавить < pre > < code lang = " javascript " > блоки с предварительно отформатированными фрагментами & # 8212; они будут найдены и выделены автоматически.

Конечно, поддерживается несколько языков, а также автоматическое угадывание языка вашего фрагмента. Если пользователь отключил JavaScript, он будет постепенно ухудшаться.

Еще один хороший момент этого решения: не нужно размещать какие-либо файлы, не нужно настраивать серверы, не нужно динамически генерировать HTML, можно использовать с чем угодно & # 8212; даже статический файл будет выделен просто отлично.

Вы можете увидеть примеры в официальных тестах: test_highlight.html , test_pygments.html . Это пример фрагментов на моем веб-сайте: статья с несколькими выделенными фрагментами кода & # 8212; загляните в заголовок этой страницы, чтобы увидеть, как можно использовать маркер непосредственно из AOL.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top