Всавка и подсветка кода в новостях

 
Sometime CMS Community
Посетитель
no avatar
Сообщений: 6
как вставить код с подсветкой в статьях ? в блогах и комментариях есть в редакторе вставка кода и с последней версией 1.8 с geshi очень удобно подсвечивать код и писать мануал, до этого в 1.7 был SyntaxHighlighter . Но в написании статей и новостей в редакторе fckeditor его нет !
Может есть какие-то известные способы вызывать подсветку кода в fckeditor ?
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
Есть
Нужно поставить специальный плагин для FCK, подключить SyntaxHighlighter, в файлах шаблона подключить необходимые js и css и всё это настроить…

Если длительная процедура установки и настройки не пугает, могу расписать детально для дефолтного шаблона версии 1.8
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Реклама
cms
Посетитель
small user social cms
Сообщений: 18
Mike:
А по-подробнее не можешь написать что и как? Волнует такая же проблема,но так и не смог найти выход из этого положения.
Редактировалось: 1 раз (Последний: 3 мая 2011 в 14:56)
http://social.tomskcity.com (вот работаю над сайтом потихому)
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
Приветствую!
Скачиваем архив.
Содержимое папки p_fckeditor копируем в папку plugins с заменой всех файлов…
Содержимое папки sh3 копируем в папку /templates/_default_/js/…
В секцию <header>… </header> файла /templates/_default_/template.php добавляем:
Код PHP:
  1.  
  2. script src="/templates/_default_/js/sh3/scripts/shCore.js" type="text/javascript"></script
  3. script src="/templates/_default_/js/sh3/scripts/shAutoloader.js" type="text/javascript"></script
  4. ...
  5. <link href="/templates/_default_/js/sh3/styles/shCore.css" rel="stylesheet" type="text/css" />
  6. <link href="/templates/_default_/js/sh3/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
  7.  
в этом же файле (внизу) добавляем:
Код PHP:
  1.  
  2. //script type="text/javascript">
  3. //function path()
  4. //{
  5. // var args = arguments,
  6. // result = []
  7. // ;
  8. //
  9. // for(var i = 0; i < args.length; i++)
  10. // result.push(args[i].replace('@', '/templates/_default_/js/sh3/scripts/'));
  11. //
  12. // return result
  13. //};
  14. //
  15. //SyntaxHighlighter.autoloader.apply(null, path(
  16. // 'applescript @shBrushAppleScript.js',
  17. // 'actionscript3 as3 @shBrushAS3.js',
  18. // 'bash shell @shBrushBash.js',
  19. // 'coldfusion cf @shBrushColdFusion.js',
  20. // 'cpp c @shBrushCpp.js',
  21. // 'c# c-sharp csharp @shBrushCSharp.js',
  22. // 'css @shBrushCss.js',
  23. // 'delphi pascal @shBrushDelphi.js',
  24. // 'diff patch pas @shBrushDiff.js',
  25. // 'erl erlang @shBrushErlang.js',
  26. // 'groovy @shBrushGroovy.js',
  27. // 'java @shBrushJava.js',
  28. // 'jfx javafx @shBrushJavaFX.js',
  29. // 'js jscript javascript @shBrushJScript.js',
  30. // 'perl pl @shBrushPerl.js',
  31. // 'php @shBrushPhp.js',
  32. // 'text plain @shBrushPlain.js',
  33. // 'py python @shBrushPython.js',
  34. // 'ruby rails ror rb @shBrushRuby.js',
  35. // 'sass scss @shBrushSass.js',
  36. // 'scala @shBrushScala.js',
  37. // 'sql @shBrushSql.js',
  38. // 'vb vbnet @shBrushVb.js',
  39. // 'xml xhtml xslt html @shBrushXml.js'
  40. //));
  41. //SyntaxHighlighter.all();
  42. //</script
  43.  
уберите везде комментарии // и перед script поставьте открывающую <, и после /script закрывающую > тут редактор не пропускает…

у меня вставлено после скрипта для топменю…
вуаля
всё должно работать… (в редакторе появиться кнопочка с красной буквой “с”, вторая слева, нажав на которую получаем доступ к вставке кода с расширенными параметрами: указание на синтаксис языка, начало нумерации строк, отличное от “1” и т.д.)
напоминаю, что это всё для шаблона по умолчанию…
Успехов!
Прикрепленные файлы:
code_syntax_cec80.rar | 841.28 Кб | Скачали: 429
Редактировалось: 7 раз (Последний: 3 мая 2011 в 17:14)
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
Сообщений: 18
Mike,спасибо большое.
http://social.tomskcity.com (вот работаю над сайтом потихому)
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
Работает?
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Sometime CMS Community
Посетитель
no avatar
Сообщений: 6
Я немного не так вышел с этого не знаю правильно или нет
В head вставить

Код PHP:
  1. <link href="(путь куда вы зальете )prettify.css" type="text/css" rel="stylesheet" />
  2.  
  3. <script src="(путь куда вы зальете )prettify.js" type="text/javascript"></script
  4.  

в
Код PHP:
  1. <body onload="prettyPrint()>
дописать onload="prettyPrint()

в статье где нужно вставить код пишем
<pre class="prettyprint">... код...</pre> или <code class="prettyprint">... код...</code>

можно так с указанием языка <pre class="prettyprint lang-html"> ...код...</pre>

залить с архива на сайт файлы prettify.js prettify.css

Примеры и как применять можно посмотреть в демо который есть тоже в архиве !
Прикрепленные файлы:
prettify-21-Jul-2010_ab637.zip | 74.71 Кб | Скачали: 407
Редактировалось: 2 раз (Последний: 4 мая 2011 в 15:36)
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.