Project

General

Profile

Feature #10013

FE.typ=editor: CodeMirror

Added by Carsten Rose 6 months ago. Updated 4 months ago.

Status:
Some day maybe
Priority:
Normal
Assignee:
Target version:
Start date:
01.02.2020
Due date:
30.04.2020
% Done:

0%

Estimated time:
Discuss:

Description

  • Als zweiten Editor (neben TinyMce) 'CodeMirror' implementieren.
  • Neu gibt es ein `FE.parameter.editorType=tinymce|codemirror`. Default ist `tinymce` (damit sollte es backward compatible sein)

Im Formulareditor die Felder 'value', 'note','sql1' und 'parameter' auf codemirror umstellen.

Associated revisions

Revision b9dab562 (diff)
Added by Carsten Rose 6 months ago

Refs #10013 First implementation of CodeMirror.

Revision 59844782 (diff)
Added by Carsten Rose 6 months ago

Refs #10013 Add phpDoc. Set CM defaults.

History

#1 Updated by Carsten Rose 6 months ago

  • Editor ist implementiert in Branch 'F10013CodeMirror'
  • Neu einbinden:
    CSS
        file10 = typo3conf/ext/qfq/Resources/Public/Css/codemirror.css
    ...
    JS (nicht sicher)
        file13 = typo3conf/ext/qfq/Resources/Public/JavaScript/codemirror.js
        file14 = typo3conf/ext/qfq/Resources/Public/JavaScript/code-mirror-mode/sql/sql.js
    

#2 Updated by Carsten Rose 6 months ago

  • Assignee changed from Carsten Rose to Benjamin Baer
  • Die CodeMirror JS in eine Datei und minimize?
  • CodeMirror fuer den User 'resizeable'.
  • CodeMirror autoheight.
  • CodeMirror ist im 'ReadOnly' Modus nicht als 'ReadOnly' erkennbar - sollte irgendwie abgedunkelt sein.
  • Dynamic Update: Show / Hide / ReadOnly
  • Wenn mehr als ein CodeMirror in einem Form geladen wird, scheint es Probleme bei der Initialisierung zu geben: die geladenen Values werden erst angezeigt wenn man in CM klickt und die linke Spalte mit den Linenumbers ist kaputt.
  • Default in QFQ:
    • edit/matchbrackets.js
    • hint/sql-hint.js
    • hint/show-hint.js (ist das noetig wenn sql-hint.js) drin ist?
    • Wie bekommen wir die QFQ Keywords rein?
  • display/fullscreen.js - Waere das interessant um komplexe Queries gut editierbar zu machen?

FYI: https://codemirror.net/doc/manual.html#styling
a) Mark readonly, b) resizeable
Customized Styling > CodeMirror > ' ...or to set a background'

Mit dem Bug, das bei mehreren CM Instanzen die Inhalte nicht sauber dargestellt werden, koennen wir ihn nicht im FormEditor einbauen.

#3 Updated by Carsten Rose 6 months ago

  • Tracker changed from Support to Feature

#4 Updated by Benjamin Baer 6 months ago

Sehe kein Problem mit mehreren CMs -> http://webwork16.math.uzh.ch/bbaer/index.php?id=14

#5 Updated by Carsten Rose 6 months ago

Imclude JS:

  • Aktuell via UZH CD
  • Mittelfristig via Lazy Loading (#7732)

#6 Updated by Benjamin Baer 6 months ago

  • Status changed from New to Priorize

#7 Updated by Benjamin Baer 6 months ago

  • Status changed from Priorize to Some day maybe

#8 Updated by Carsten Rose 4 months ago

  • Due date set to 30.04.2020
  • Assignee changed from Benjamin Baer to Carsten Rose

CR muss testen wie der Status ist.

Also available in: Atom PDF