CKeditor + Syntaxhighlighter + Drupal 7

3 комментария

1. Про фильтр подсветки синтаксиса GeSHi можно почитать здесь

   Ответить

2. В файле /sites/all/modules/ckeditor/ckeditor/config.js добавляем между { } следующее:

    

   config.extraPlugins = 'syntaxhighlight'; config.toolbar_Full.push(['Code']);

   там сплошной текст. Куда вставлять?

   или просто код файла и внизу так:

   {

   config.extraPlugins = 'syntaxhighlight'; config.toolbar_Full.push(['Code']);

   }

   Ответить

   1. Вот так выглядит файл полностью:

      /*
      Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
      For licensing, see LICENSE.html or http://ckeditor.com/license
      */
      /*
      WARNING: clear browser's cache after you modify this file.
      If you don't do this, you may notice that browser is ignoring all your changes.
      */CKEDITOR.editorConfig = function(config) {
      config.indentClasses = [ 'rteindent1', 'rteindent2', 'rteindent3', 'rteindent4' ];
      // [ Left, Center, Right, Justified ]
      config.justifyClasses = [ 'rteleft', 'rtecenter', 'rteright', 'rtejustify' ];
      // The minimum editor width, in pixels, when resizing it with the resize handle.
      config.resize_minWidth = 450;
      // Protect PHP code tags (<?...?>) so CKEditor will not break them when
      // switching from Source to WYSIWYG.
      // Uncommenting this line doesn't mean the user will not be able to type PHP
      // code in the source. This kind of prevention must be done in the server
      // side
      // (as does Drupal), so just leave this line as is.
      config.protectedSource.push(/<\?[\s\S]*?\?>/g); // PHP Code
      config.protectedSource.push(/<code>[\s\S]*?<\/code>/gi); // Code tags
      config.extraPlugins += (config.extraPlugins ? ',syntaxhighlight' : 'syntaxhighlight');
      // Video_filter plugin.
      config.extraPlugins += (config.extraPlugins ? ',video_filter' : 'video_filter' );
      CKEDITOR.plugins.addExternal('video_filter', Drupal.settings.basePath + Drupal.settings.video_filter.modulepath + '/editors/ckeditor/');
      /*
      * Append here extra CSS rules that should be applied into the editing area.
      * Example:
      * config.extraCss = 'body {color:#FF0000;}';
      */    config.extraCss = '';
      /**
      * Sample extraCss code for the "marinelli" theme.
      */    if (Drupal.settings.ckeditor.theme == "marinelli") {
      config.extraCss += "body{background:#FFF;text-align:left;font-size:0.8em;}";
      config.extraCss += "#primary ol, #primary ul{margin:10px 0 10px 25px;}";
      }
      if (Drupal.settings.ckeditor.theme == "newsflash") {
      config.extraCss = "body{min-width:400px}";
      }
      /**
      * CKEditor's editing area body ID & class.
      * See http://drupal.ckeditor.com/tricks
      * This setting can be used if CKEditor does not work well with your theme by default.
      */    config.bodyClass = '';
      config.bodyId = '';
      /**
      * Sample bodyClass and BodyId for the "marinelli" theme.
      */    if (Drupal.settings.ckeditor.theme == "marinelli") {
      config.bodyClass = 'singlepage';
      config.bodyId = 'primary';
      }
      }
      /*
      * Sample toolbars
      */
      //Toolbar definition for basic buttons
      Drupal.settings.cke_toolbar_DrupalBasic = [ [ 'Format', 'Bold', 'Italic', '-', 'NumberedList','BulletedList', '-', 'Link', 'Unlink', 'Image' ] ];
      //Toolbar definition for Advanced buttons
      Drupal.settings.cke_toolbar_DrupalAdvanced = [
      ['Source'],
      ['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
      ['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
      ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
      ['Maximize', 'ShowBlocks'],
      '/',
      ['Format'],
      ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
      ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
      ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiRtl','BidiLtr'],
      ['Link','Unlink','Anchor','Linkit','LinkToNode','LinkToMenu'],
      ['Code','DrupalBreak', 'DrupalPageBreak']
      ];
      // Toolbar definiton for all buttons
      Drupal.settings.cke_toolbar_DrupalFull = [
      ['Source'],
      ['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
      ['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
      ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','Iframe'],
      '/',
      ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
      ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
      ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiRtl','BidiLtr'],
      ['Link','Unlink','Anchor','Linkit','LinkToNode', 'LinkToMenu'],
      '/',
      ['Format','Font','FontSize'],
      ['TextColor','BGColor'],
      ['Maximize', 'ShowBlocks'],
      ['Code','DrupalBreak', 'DrupalPageBreak']
      ];
      

      Ответить

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.