Question2Answer: Różnice pomiędzy wersjami

Wersja z 16:20, 21 maj 2014

Question2Answer to skrypt serwisu pytania i odpowiedzi. Jest on rozpowszechniany ma licencji GPL.

Integracja Question2Answer z SyntaxHiglighter

Jakiś czas temu była dostępna wtyczka kolorująca składnię kodów różnych języków skryptowych i programowania. Ale nie jest ona już rozwijana i nie da się jej zintegrować z nowymi wersjami skryptu.

Rozwiązaniem jest dodanie SyntaxHighlighter do CKEditor, którego używa skrypt.

• Pobierz paczki dodatków i wypakuj je.
• Zawartość archiwum ckeditor-syntaxhighlight.zip z katalogu /plugins/syntaxhighlight/ przekopiuj do katalogu /qa-plugin/wysiwyg-editor/plugins/.
  • Otwórz plik /qa-plugin/wysiwyg-editor/config.js, do edycji polecam Notepad++, i dodaj poniższy kod:

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

Zawartość pliku po modyfikacji powinna wyglądać mniej więcej tak:

 
    CKEDITOR.editorConfig = function( config )
    {
      // Define changes to default configuration here. For example:
      // config.language = 'fr';
      // config.uiColor = '#AADC6E';
      config.extraPlugins = 'syntaxhighlight';
      config.toolbar_Full.push(['Code']);
    };

• 

  Dodanie przycisku.

• 

  Okno edytora kodu.

• • Otwórz plik /qa-plugin/wysiwyg-editor/qa-wysiwyg-editor.php.
    • W funkcji get_field odszukaj wiersz zawierający "['RemoveFormat', 'Maximize']".
    • Zamień go na "['RemoveFormat', 'Maximize', 'Code']" - dodanie przycisku "Code" do paska funkcji w CKEditor.

Dodaliśmy już obsługę kodu do CKEditor. Trzeba jeszcze zrobić coś, aby wyświetlany kod miał pokolorowaną składnię.

Zobacz też

<htmlet>zobacz-tez</htmlet>

Linki zewnętrznie

• Pobierz skrypt Question2Answer + skórki + wtyczki

• Strona projektu Question2Answer
• Strona projektu SyntaxHiglighter