Project

General

Profile

Actions

Feature #10013

closed

FE.typ=editor: CodeMirror

Added by Carsten Rose about 4 years ago. Updated about 1 year ago.

Status:
Closed
Priority:
Normal
Assignee:
Jan Haller
Target version:
Start date:
01.02.2020
Due date:
09.02.2023
% Done:

0%

Estimated time:
Discuss:
Prio Planung:
No
Vote:

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.


Related issues

Related to QFQ - Feature #12611: Refactoring: Bootstrap with Lazy LoadingSome day maybeCarsten Rose07.04.2021

Actions
Related to QFQ - Feature #12490: Loading Plugins in QFQ - see what tinymce does. (lazy loading)NewBenjamin Baer04.05.2021

Actions
Related to QFQ - Feature #7732: Javascript: Lazy Loading der add on libsSome day maybeBenjamin Baer24.01.2019

Actions
Related to QFQ - Feature #15362: Add button to text inputs in Form (Element) Editor to switch between FE.type=input and FE.type=editorSome day maybeJan Haller12.01.2023

Actions
Related to QFQ - Feature #17593: CodeMirror: a) missing documentation, b) mode, c) use constants, d) CodeMirror != TinyMCEClosedElias Villiger15.01.2024

Actions
Actions #1

Updated by Carsten Rose about 4 years 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
    
Actions #2

Updated by Carsten Rose about 4 years 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.

Actions #3

Updated by Carsten Rose about 4 years ago

  • Tracker changed from Support to Feature
Actions #4

Updated by Benjamin Baer about 4 years ago

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

Actions #5

Updated by Carsten Rose about 4 years ago

Imclude JS:

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

Updated by Benjamin Baer about 4 years ago

  • Status changed from New to Priorize
Actions #7

Updated by Benjamin Baer about 4 years ago

  • Status changed from Priorize to Some day maybe
Actions #8

Updated by Carsten Rose almost 4 years ago

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

CR muss testen wie der Status ist.

Actions #9

Updated by Carsten Rose almost 2 years ago

  • Related to Feature #12611: Refactoring: Bootstrap with Lazy Loading added
Actions #10

Updated by Carsten Rose almost 2 years ago

  • Related to Feature #12490: Loading Plugins in QFQ - see what tinymce does. (lazy loading) added
Actions #11

Updated by Carsten Rose almost 2 years ago

  • Related to Feature #7732: Javascript: Lazy Loading der add on libs added
Actions #12

Updated by Carsten Rose almost 2 years ago

  • Target version changed from next5 to 355
Actions #13

Updated by Jan Haller about 1 year ago

  • Related to Feature #15362: Add button to text inputs in Form (Element) Editor to switch between FE.type=input and FE.type=editor added
Actions #14

Updated by Jan Haller about 1 year ago

  • Due date changed from 30.04.2020 to 09.02.2023
  • Status changed from Some day maybe to New
  • Assignee changed from Carsten Rose to Jan Haller
  • Prio Planung set to No

Standardmässig soll für Textinputs in Form.parameter, FormElement.sql1 und FormElement.parameter type=editor verwendet werden.

Actions #15

Updated by Jan Haller about 1 year ago

  • Status changed from New to Ready to sync (develop)
Actions #16

Updated by Carsten Rose about 1 year ago

  • Target version changed from 355 to 22.2.0
Actions #17

Updated by Carsten Rose about 1 year ago

  • Status changed from Ready to sync (develop) to Closed
Actions #18

Updated by Carsten Rose 2 months ago

  • Related to Feature #17593: CodeMirror: a) missing documentation, b) mode, c) use constants, d) CodeMirror != TinyMCE added
Actions

Also available in: Atom PDF