[Вопрос] Подсветка синтаксиса для vBulletin 4.1.9

[Progers]

Здравствуйте, где можно найти хак, который подсвечивает синтаксис кода для Vbulletin 4.1.9?

[Progers]

Нашёл этот хак http://www.vbulletin.org/forum/showthread.php?t=254418
Кто поможет скачать?

[ikopylov]

SyntaxHighlighter vB 4.X

syntaxhighlighter_3.0.83_FIXED.zip (77.8 Кб)

Title: XCODE
BB Code Tag Name: xcode
Replacement:
Code:

<script src="/scripts/shCore.js" type="text/javascript"></script>
<script src="/scripts/shAutoloader.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
 
<pre class="brush: {option};  toolbar: false;">{param}</pre>

<script type="text/javascript">
function path()
{
  var args = arguments,
      result = []
      ;
       
  for(var i = 0; i < args.length; i++)
      result.push(args[i].replace('@', '/scripts/'));
       
  return result
};
 
SyntaxHighlighter.autoloader.apply(null, path(
  'applescript            @shBrushAppleScript.js',
  'actionscript3 as3      @shBrushAS3.js',
  'ahk autohotkey             @shBrushAhk.js',
  'asm x86             @shBrushAsm.js',
  'bash shell             @shBrushBash.js',
  'coldfusion cf          @shBrushColdFusion.js',
  'cpp c                  @shBrushCpp.js',
  'c# c-sharp csharp      @shBrushCSharp.js',
  'css                    @shBrushCss.js',
  'delphi pascal          @shBrushDelphi.js',
  'diff patch pas         @shBrushDiff.js',
  'erl erlang             @shBrushErlang.js',
  'groovy                 @shBrushGroovy.js',
  'java                   @shBrushJava.js',
  'jfx javafx             @shBrushJavaFX.js',
  'js jscript javascript  @shBrushJScript.js',
  'perl pl                @shBrushPerl.js',
  'php                    @shBrushPhp.js',
  'text plain             @shBrushPlain.js',
  'py python              @shBrushPython.js',
  'ruby rails ror rb      @shBrushRuby.js',
  'sass scss              @shBrushSass.js',
  'scala                  @shBrushScala.js',
  'sql                    @shBrushSql.js',
  'vb vbnet               @shBrushVb.js',
  'xml xhtml xslt html    @shBrushXml.js'
));
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script>

Use {option}: Yes
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes
Disable Automatic Link Parsing Within This BB Code: Yes

[Vasich]

Спасибо. Если я правильно понял, то в данной модификации несколько языков.
Собственно вопрос - что нужно исправить в коде и какие из скриптов с файлами CSS нужно залить на сервер при условии, что нужен всего один язык - С++

[ikopylov]

Vasich, Насколько я понимаю - вот этот @shBrushCSharp.js отвечает за С++ (не уверен, не устанавливал)

Список что поддерживается:

ActionScript3
Bash/shell
ColdFusion
C#
C++
CSS
Delphi
Diff
Erlang
Groovy
JavaScript
Java
JavaFX
Perl
PHP
Plain Text
PowerShell
Python
Ruby
Scala
SQL
Visual Basic
XML
AutoHotKey
ASM

[Vasich]

Спасибо.
Мне бы пошагово пожалуйста, что куда и как...

[ikopylov]

1 Делаем бэкап
2 Скрипты и стили загружаем в корень форма

3 В админке создаем новый BB Code

Заголовок: XCODE
Название BB кода: xcode
Замена: "из 3го поста вставляем, все, что находиться в блоке CODE"

[Vasich]

При нажатии на кнопку все равно будет предлагаться вставить желаемый язык, а мне нужно всего один C++ и все, есть такой ВВ код отдельно?

[Ghost]

Vasich, вот это подойдет?

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 10 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащейся здесь.

[Vasich]

Как это все запихнуть в форум я не знаю, статья описывает пример для WP.

Визуально подойдет, поскольку мне важно, по большей мере, нумерация строк. Скрипт игры, который иногда обсуждается на моем форуме схожий с С++ и мне нужно самое простое решение, что бы пользователь вставил текст, выделил его и нажал кнопку на панели инструментов (как обычный ВВ код, РНР например)

Возможно ли изменить встроенный РНР код? Это было бы самое лучшее решение.

[Ghost]

Для булки есть модуль geshi

На суппорте тоже есть тема по этому поводу.

[Vasich]

Спасибо, установил без проблем, все заработало. Только есть небольшая проблемка, номера строк после 99 "заползают" за рамку. Подскажите где исправить.



Перешел на этот сайт http://dmitriydenisov.com/scripts/sy...ghlighter.html и в шаблон postbit.css добавил как предложено:

PHP код:

.code_sample {
border: 1px solid #DADADA;
font-size: 12px;
margin-bottom: 10px;
margin-top: 10px;
} 


Что дальше делать не знаю, подскажите пожалуйста.

[Ghost]

Что дальше делать не знаю, подскажите пожалуйста

попробуйте поиграть со значениями в css с margin-left
Ну например вот так

1.	.code_sample {
2	border: 1px solid #DADADA;
3	font-size: 12px;
4	margin-bottom: 10px;
5	margin-top: 10px;
6         margin-left: 5px
}

[ikopylov]

или так:

.bbcode_container div.bbcode_code, .bbcode_container pre.bbcode_code {

или так:
padding-left: 5px;
или так:
padding: 5px;

[Ghost]

Только вот стиль надо было прописывать не в сеили шаблона,а стиль самого скрипта и подключить его уже к html между тегами <head></head>

[Vasich]

Спасибо огромное, все получилось, исправлял в bbcode.css

Ghost, Для меня это темный лес

[Ghost]

Вот и славно. Главное что все вышло. Теперь твой вопрос и решение его станет и решением пододных вопросов для других.

[Vasich]

Все получилось не плохо, но вот на отлично было бы так, как на этом сайте

Когда цифры строк отделены и сами строки поочередно немного отличаются.

[Ghost]

приведи здесь свой css. какое значение padding указал.

[Ghost]

У тебя на твоем изображении нет стиля,вернее наверное указано только это

PHP код:

padding-left: 5px; 


А нужно что бы было так

PHP код:

1.    .code_sample {
2    border: 1px solid #DADADA;
3    font-size: 12px;
4    margin-bottom: 10px;
5    margin-top: 10px;
6         padding-left: 5px;
} 


[Vasich]

PHP код:

/*text-align should alwais be LTR for the CODE blocks*/
.bbcode_container div.bbcode_code,
.bbcode_container pre.bbcode_code {
    margin:0;
    padding:22px;
    border:1px inset;
    text-align:left;
    overflow:scroll;
    direction:ltr;
    background:{vb:stylevar content3_background.backgroundColor} {vb:stylevar content3_background.backgroundImage} repeat-x;
    /*height:{vb:stylevar bbcode_codeheight};*/
    font-size:14px;
} 


Ghost, Скорее всего нет никакого стиля, это блок по умолчанию, изменил только значения padding:22px;

[Ghost]

padding:22px;

ну это уж чересчур много. Тогда можно было бы сделать выравнивание по центру))))
А где css самого скрипта? Я что то не увидел.

ну так по любому надо использовать для написания кода в тело редактора

PHP код:

<div class="code_sample"><pre class="brush: php">
2    echo "hello world!";
3    </pre></div> 


На булке можно в редактор вставить свой стиль как на джумле?

[Vasich]

Наверное не много, поскольку строк бывает больше тысячи.

А где css самого скрипта?

Его нет, вернее я не знаю где его смотреть, в какой папке. Могу дать архив, что скачал http://rghost.ru/46206750
В инструкции ничего не сказано, вернее текста много и гугл не все корректно переводит.

ну так по любому надо использовать для написания кода в тело редактора

Понятия не имею как это сделать.

[Ghost]

А ну ты установил Geshi,а я тебе писал про другой скрипт. Как я посмотрел этот модуль имеет свои css. Расскажи как ты ее установил. Да дело в том что там должны быть нас ройки. К сожалению там доки на английском,что затрудняет понимание.

[Vasich]

http://www.vbulletin.org/forum/showthread.php?t=285933 взято отсюда

Залил на сервер папку geshi и файл geshi.php в includes

Папки docs и contrib - автор не рекомендует заливать (все, что смог перевести)

Потом открыл Дополнительные BB и они все там были уже установлены. Для того, что бы языки отображались в панели управления нужно ввести путь к кнопке и все. А вот настроек таки нигде не нашел, ни в группах пользователей, ни в правах.