Syntax highlighting?

[MJW]

Hey folks,

Just wondering if there's an [easy] way to enable language-based syntax highlighting in Mergely?  As Mergely is based on CodeMirror, I was guessing that setting the CM "mode" option appropriately, but that doesn't seem to do the trick.

Alternatively, has anyone used highlight.js in conjunction with Mergely?

Cheers,

Michael.

[Jamie Peabody]

Hi Michael,

You also need to load the appropriate mode from codemirror.  It was asked recently, and I gave an SQL example here:

https://github.com/wickedest/Mergely/issues/121 

Jamie 

--
You received this message because you are subscribed to the Google Groups "Mergely" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mergely+u...@googlegroups.com.
To view this discussion on the web, visit https://groups.google.com/d/msgid/mergely/89ea6b0b-a85f-4623-bfea-e18d2779bb29%40googlegroups.com.

[MJW]

Excellent, thank you Jamie, that works a charm!

Now to figure out why the editor isn't resizing when inside a div with "resize: vertical" set...

On Thursday, 26 September 2019 08:05:48 UTC+1, Jamie Peabody wrote:

Hi Michael,

You also need to load the appropriate mode from codemirror.  It was asked recently, and I gave an SQL example here:

https://github.com/wickedest/Mergely/issues/121 

Jamie 

On Wed, 25 Sep 2019 at 11:13, MJW <m...@lazyknights.co.uk> wrote:

Hey folks,

Just wondering if there's an [easy] way to enable language-based syntax highlighting in Mergely?  As Mergely is based on CodeMirror, I was guessing that setting the CM "mode" option appropriately, but that doesn't seem to do the trick.

Alternatively, has anyone used highlight.js in conjunction with Mergely?

Cheers,

Michael.

--
You received this message because you are subscribed to the Google Groups "Mergely" group.

To unsubscribe from this group and stop receiving emails from it, send an email to mer...@googlegroups.com.

[MJW]

Fixed that with ResizeObserver:

new ResizeObserver( function() {

$('#mergely').resize();

}).observe( document.getElementById( 'mergely-resizer') );

"mergely-resizer" is a div with "resize: vertical" styled onto it...