[FTL] Improve Fluent source editor with syntax highlighting, error annotations

[mathjazz]

This issue was created automatically with bugzilla2github.

Bug 1581911

Bug Reporter: @mathjazz
CC: @stasm, [email protected]

As part of fixing bug 1563457 we replaced Ace Editor with <textarea> element in order to support all scripts properly.

While that fixed the bug, it also removed syntax highlighting and error annotations from Fluent source editor.

We should find a solution similar to Ace Editor, that will support:

1. All scripts.
2. Fluent syntax highlighting.
3. Fluent error annotations.
4. (If possible) browser's spell- and grammar checkers (bug 1556355).

[mathjazz]

Comment Author: @mathjazz

A potential candidate with support for varying character widths is https://codemirror.net/.

[mathjazz]

Comment Author: Florencia Di Ciocco, NI to vbalducci <[email protected]>

*** Bug #1586556 has been marked as a duplicate of this bug. ***

[mathjazz]

Comment Author: @stasm

Another candidate to consider might be Monaco, which powers VS Code: https://microsoft.github.io/monaco-editor/index.html