Few Requirement in ace diff page .

[ace-diff]

Few Requirement in ace diff page .

[vinothwindows47]

@benkeen @nicolashenry Please response my problems . whether it is possible to fix it or not .

[benkeen]

Hi @vinothwindows47, sorry for the wait! Hmm... you may be right. I was under the impression that you could just style the connectors with CSS to change their line heights, but apparently my memory was incorrect.

I'll do a little investigation and get back to you shortly.

[benkeen]

Heya, again sorry for the wait.

1. So word-wrap is a bug. I'll create a separate issue for that one - well spotted.
2. How do you set the custom font-sizes? Ace works by keeping track of the calculated line-heights, then making them accessible via ace.renderer.lineHeight - which ace-diff uses to determine the height of the connector lines. So in my case it seems to be working fine. see screenshot of font-size:18px

This changes the font like so: body .ace-editor { font-size: 18px }

could you post your CSS that's changing the font-size but causes the bug?

[benkeen]

Hey again - sorry for all the posts. Regarding the word-wrap, did you enable that by editing the ace-diff JS code? Correct me if I'm wrong, but currently ace-diff doesn't support that feature, correct?

[Spope]

I don't know for @vinothwindows47 but at first I have used the Ace api for font size : this.differ.editors.left.ace.setFontSize(14); this.differ.editors.right.ace.setFontSize(14);
and this create the same connectors alignment problem.
Anyway, setting font size by css does actually works correctly.

[vinothwindows47]

Ok.Thank you @Spope .I will try it .

[vinothwindows47]

Thanks @benkeen @Spope .Font size working as usual . It is my fault . Because I have set fontsize after

this.lineHeight = this.editors.left.ace.renderer.lineHeight;

So that it is not working .But it is working when i set like this ,

this.editors.left.ace.setFontSize("15px");
this.editors.right.ace.setFontSize("15px");

this.lineHeight = this.editors.left.ace.renderer.lineHeight;