Show new lines, tabs, whitespaces

[EgorBu]

Hi,
it may help to understand why diff behaves not so obvious in some cases (#174 + pair 29)

[bzz]

@ricardobaeta we are talking about triggering an optional mode of the text editors, that shows non-printable characters, something like

Could you please think about it and provide a screenshot, that have the control element for this action placed somewhere in the annotator UI? I would imagine that a checkbox might be a good fit as it represents the state.

@smacker AFAIK we are using https://github.com/rtfpessoa/diff2html to display the diff - could you please provide some estimates on how much would would it be, to enable this behavior for the components displaying the text?

[smacker]

@bzz maybe we shouldn't touch diff2html. According to the issue title we can just preprocess diffs, replacing characters.

[smacker]

I changed the title of the issue removing etc from it. So it's feasible to implement now.
If we need to show any other characters please update issue or create a new one.

[ricardobaeta]

@bzz @smacker I'm a bit lost here. Is this moving forward now? Wireframing I mean.

[smacker]

@ricardobaeta I'm starting implementation now. It would be cool to have control somewhere to switch off/on this feature. But for diff itself, we can start with the simplest approach (don't change anything, just replace symbols).

[smacker]

Example of spaces and new lines:

Example of tabs to spaces (my branch vs staging):

I need a switcher to continue.

[ricardobaeta]

@smacker I'm working on the wireframe, thanks for the notice :)

[ricardobaeta]

@smacker @bzz @dpordomingo @carlosms

Here's the wireframe for this toggler (it affects both files). It's placed on a block, previously designed for pair files custom visualization.

[dpordomingo]

@smacker whenever you close this issue, please leave an update in related #174; thanks

[dpordomingo]

I wonder if this could be considered when solving #196