feat(sql-editor-minor-improvements)

[alecsci]

Progresses: 3131

• disabled spellcheck
• moved the sql on right top side

[alecsci]

Hi @FrancescoBorzi, @Helias

For the syntax coloring, I would need some guidance.

I found highlight.js, but not sure if it's integrating correctly with the existing component lifecycle.
I need to register which language is supported, I suppose in the constructor of the sql-component-editor.ts ?

Most of the libs do not provide syntax coloring for text-area, they do it for other html elements.

[TheSCREWEDSoftware]

@alecsci They are using ngx-highlightjs (which is based on highlightjs) from what i talked to helias a few weeks ago. I haven't had time to try in a basic/blank TS page the textarea synatax colour (which it supports i think reading somewhere in that website or in another post refering to it, if i find i can leave it here)

[alecsci]

I got it now, they are already using ngx-highlightjs but in other parts of the application.
Thanks @TheSCREWEDSoftware for the hints.

L.E: At this point, I don't know how to properly do this, there are some limitations that must be considered:

1. can't use a textarea, we need a different html element
2. two-way binding must be maintained
3. the ngx is a reactive component, and the code becomes very convoluted
4. there has to be some programmatic binding can't use anymore the [(ngModel)]