Дополнительный язык для [code=...] BB кода

Дополнительный язык для [code=...] BB кода

CMTV

Проверенные
Сообщения
238
Решения
2
Реакции
1,180
Баллы
1,935
CMTV добавил(а) новый ресурс:

Дополнительный язык для [code=...] BB кода - Добавьте дополнительного поддержку языка программирования на ваш форум

В xenForo 2.0.1 и выше вы можете добавить подсветку дополнительного языка программирования на вашем форуме. Сделать это раньше было нельзя из-за .

В этом примере я буду добавлять подсветку для LaTeX кода.

1. Загрузка компонентов PrismJS
xenForo использует библиотеку PrismJS для подсветки кода в BB кодах [code=...]. В PrismJS, которая включена в xenForo по...

Узнать больше об этом ресурсе...
 
Последнее редактирование:
Похоже лыжи не едут... не получается подключить подсветку, отображает как обычный код. В последний раз шел по инструкции и не смог подключить даже latex.
 
Какая версия xenForo? Точно скачали нужный .js файл? Что у вас записано в шаблоне?
 
  • Мне нравится
Реакции: akok
Доброго времени суток! По порядку:
1. Версия 2.0.1
2. Файл качал
3. В шаблоне (делал через модификации шаблонов, но проверял и прямой правкой)
1515141111928.png
4. По факту

Посмотрел в коде страницы, там вызов JS есть.
 
Что-то не то у вас в файле prism-latex.min.js.

Что должно быть:
JavaScript:
!function(a){var e=/\\(?:[^a-z()[\]]|[a-z*]+)/i,n={"equation-command":{pattern:e,alias:"regex"}};a.languages.latex={comment:/%.*/m,cdata:{pattern:/(\\begin\{((?:verbatim|lstlisting)\*?)\})[\s\S]*?(?=\\end\{\2\})/,lookbehind:!0},equation:[{pattern:/\$(?:\\[\s\S]|[^\\$])*\$|\\\([\s\S]*?\\\)|\\\[[\s\S]*?\\\]/,inside:n,alias:"string"},{pattern:/(\\begin\{((?:equation|math|eqnarray|align|multline|gather)\*?)\})[\s\S]*?(?=\\end\{\2\})/,lookbehind:!0,inside:n,alias:"string"}],keyword:{pattern:/(\\(?:begin|end|ref|cite|label|usepackage|documentclass)(?:\[[^\]]+\])?\{)[^}]+(?=\})/,lookbehind:!0},url:{pattern:/(\\url\{)[^}]+(?=\})/,lookbehind:!0},headline:{pattern:/(\\(?:part|chapter|section|subsection|frametitle|subsubsection|paragraph|subparagraph|subsubparagraph|subsubsubparagraph)\*?(?:\[[^\]]+\])?\{)[^}]+(?=\}(?:\[[^\]]+\])?)/,lookbehind:!0,alias:"class-name"},"function":{pattern:e,alias:"selector"},punctuation:/[[\]{}&]/}}(Prism);

Что у вас:
HTML:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  <link rel="dns-prefetch" href="https://assets-cdn.github.com">
  <link rel="dns-prefetch" href="https://avatars0.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars1.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars2.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars3.githubusercontent.com">
  <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
  <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">


  <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/frameworks-f27d807afb610bf126cbfb9ce429438a328e012239e5a77fc8152b794553dfc0.css" media="all" rel="stylesheet" />
  <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github-90814c795d836404981b54444a6ccc23fac2c6b0e1ce875e90784fbd83445bc5.css" media="all" rel="stylesheet" />

  <meta name="viewport" content="width=device-width">

  <title>prism/prism-latex.min.js at gh-pages · PrismJS/prism</title>
  <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
  <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
  <meta property="fb:app_id" content="1401488693436528">

  
    <meta content="https://avatars0.githubusercontent.com/u/11140484?s=400&amp;v=4" property="og:image" /><meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="PrismJS/prism" property="og:title" /><meta content="https://github.com/PrismJS/prism" property="og:url" /><meta content="prism - Lightweight, robust, elegant syntax highlighting." property="og:description" />

  <link rel="assets" href="https://assets-cdn.github.com/">
  <link rel="web-socket" href="wss://live.github.com/_sockets/VjI6MjM1NTE3ODA5OjhkYzUzMjJjY2NmOGVmZDM0MDNiM2E2NGI3YTdjZjk3ZGIyZDY4NzNiOWE0M2MzMTFlYjJjNmY2YmM3NThlYjg=--55e8b409af28c0eff655b8d5d450a766552374ef">
  <meta name="pjax-timeout" content="1000">
  <link rel="sudo-modal" href="/sessions/sudo_modal">
  <meta name="request-id" content="C2F4:656E:314C25:5A3C58:5A4E8186" data-pjax-transient>


  <meta name="selected-link" value="repo_source" data-pjax-transient>

    <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
  <meta name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA">
  <meta name="google-site-verification" content="GXs5KoUUkNCoaAZn7wPN-t01Pywp9M3sEjnt_3_ZWPc">
    <meta name="google-analytics" content="UA-3769691-2">
...

Видимо, вы скачали страницу Github, а не сам файл. На это ругается и сам форум:
Screenshot_2.png
 
Последнее редактирование:
Понял почему лыжи не едут, исправил заработало. Спасибо!

Для тех кто хотел подключить vbnet и подсветки нет, нужно еще подключать в шаблон prism_macros
 
А ничего, что есть настройки которые сами все добавляют и сделано это было в бете
 
Captain,
Сделать это раньше было нельзя из-за .

Настройки добавляют только подсветку. Фразу для языка надо создавать самому. Как и добавлять его в "распространенные".
 
Последнее редактирование:
CMTV обновил(а) ресурс Дополнительный язык для [code=...] BB кода новой записью:

Уведомление о баге и Patreon

Добавил рекомендацию использовать аддон Code при добавлении языка в "Распространенные" и "По умолчанию" так как приведенный в туториале способ имеет не связанные с ним баги.

Также призыв на Patreon.

Узнать больше об этом обновлении...
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу