ANN HTML Library 4.1 released

[Alexander Sviridenkov 360]

What's new

 

Core:

Completely new CSS subsystem - faster and less memory.
MathML support.
Compatibility with Lazarus 2+.
FMX: Hints support.
Animated GIFs for FMX (all platforms) and VCL Delphi 5+.
CSS columns support.
CSS tabstops support.
Improved recovering of incorrect tag order.
Added :only-of-type selector
DX canvas: added support for rotated arcs in paths.
THtImageListSource now works with ImageList on data module.

 

Editor:

Format painter button.
Clear formatting button.
Columns button
Math equation editor.
Adding ability to combine two adjacent lists by pressing Del
DOCX import: added support for math equations.
Footnotes

 

Reports/SQL:

FastReport FMX component
ReportBuilder component
SQL: ConvertWheretoJoins now can reorder tables.
Compatibility with VTV 6.7

 

Fixed

 

Core:

Value none was processed incorrectly for max-width/max-height
Incorrect document position when using native iOS canvas and non-zero offset.
Incorrect processing of multiple fonts in font-family.
Incorrect layout when absolute element has inline containing block.
SVG: correct processing path 'a' command with sibling flags with no divider.
GDI canvas issue when SVG use clip path.
FMX: fixed SVG elements position when using viewbox
Vertical placement of inline blocks
Artifacts when using native Android canvas on some resolutions.

 

Editor:

DOCX import: fixed superscript style
'Pop from empty editor stack' error.
AV when deleting selection
Eempty list item cannot be deleted.
Style is not applied to selected cells when selection is reverced (from bottom to top)
Delimiter is added to first word causing incorrect spell checking
AV when pressing space at endf of line after changing text style
Selection is incorrect after applying text transform

Reports/Scripter

Scripter: AV when registering class having same name as record helper.
Scripter: incorrect call to parent method when using inherited property.
Wrong target in script drag events.
FastReport: HTML is exported to PDF as image

 

Trial version:

http://delphihtmlcomponents.com/editor41trial.zip

 

 

[Jacek Laskowski 57]

I have one question, is it possible to optimize HTML and CSS code with your library, i.e. remove unnecessary attributes?
For example, I have a code:

<img src="logo.jpg" alt="nothing" style="color: white; border: 50px; color: black" alt="nothing" ><div>

This tag has an unnecessary attribute alt="nothing" and one of the CSS attributes: "color: white" because both are overwritten.

To remove such redundant attributes you would need to parse HTML and CSS (what your library does) and build HTML and CSS from the metadata again.

 

Is this possible in the HTML Library?

 

[vfbb 285]

 

4 hours ago, Jacek Laskowski said:

I have one question, is it possible to optimize HTML and CSS code with your library, i.e. remove unnecessary attributes?

Do you really need it at run-time? If not, you will find many tools to do this in the web.

[Alexander Sviridenkov 360]

14 hours ago, Jacek Laskowski said:

I have one question, is it possible to optimize HTML and CSS code with your library, i.e. remove unnecessary attributes?
For example, I have a code:

<img src="logo.jpg" alt="nothing" style="color: white; border: 50px; color: black" alt="nothing" ><div>

This tag has an unnecessary attribute alt="nothing" and one of the CSS attributes: "color: white" because both are overwritten.

To remove such redundant attributes you would need to parse HTML and CSS (what your library does) and build HTML and CSS from the metadata again.

 

Is this possible in the HTML Library?

 

Yes, this is possible. Simply iterate DOM after parsing (use Count and Elements or NextElement), remove all unecessary attributes and tags and use Document,OuterHTML to get HTML string.

[Jacek Laskowski 57]

On 3/28/2020 at 1:34 AM, vfbb said:

 

Do you really need it at run-time? If not, you will find many tools to do this in the web.

No, I don't need runtime. But I didn't find a web tool. If you know one, please give me a link.

[Jacek Laskowski 57]

On 3/28/2020 at 11:29 AM, Alexander Sviridenkov said:

Yes, this is possible. Simply iterate DOM after parsing (use Count and Elements or NextElement), remove all unecessary attributes and tags and use Document,OuterHTML to get HTML string.

But I mean AUTOMATIC removal of duplicate or unnecessary attributes by library. That's what I'm asking.

A library that parses HTML and CSS and creates object-oriented structure (DOM) does it automatically, right?

[Alexander Sviridenkov 360]

@Jacek Laskowski, no, only duplicated attributes are removed automatically. Library doesn't know do you need alt="nothing" attribute or not, you should decode this yourself.

Duplicated CSS properties can be removed by one line code, but this is not done automatically too, because by default (if there was no style changes) style attribute remains unchanged.

[Jacek Laskowski 57]

20 minutes ago, Alexander Sviridenkov said:

@Jacek Laskowski, no, only duplicated attributes are removed automatically. Library doesn't know do you need alt="nothing" attribute or not, you should decode this yourself.

Duplicated CSS properties can be removed by one line code, but this is not done automatically too, because by default (if there was no style changes) style attribute remains unchanged. 

 

I know that the attribute will not be removed because the library does not know that it is unnecessary.
But notice that in the example I gave you, the alt="nothing" attribute appears twice in one tag! 

This is an example of ugly, junk HTML code that I have to clean up. I would like to do it as automatically as possible, because manual work is very tedious.
I imagined that your parser could make it easier for me.

[Alexander Sviridenkov 360]

1 minute ago, Jacek Laskowski said:

 

I know that the attribute will not be removed because the library does not know that it is unnecessary.
But notice that in the example I gave you, the alt="nothing" attribute appears twice in one tag! 

This is an example of ugly, junk HTML code that I have to clean up. I would like to do it as automatically as possible, because manual work is very tedious.
I imagined that your parser could make it easier for me.

Yes, duplicates will be removed.

You can send me sample HTML to support at delphihtmlcomponents.com, I'll send you back processed HTML and code.

[vfbb 285]

16 hours ago, Jacek Laskowski said:

No, I don't need runtime. But I didn't find a web tool. If you know one, please give me a link.

Just search in the web "remove unused css" you will find many tools.

Recently, I used the Google Chrome without any extension, just open the DevTools > Sources > Coverage.

You will see a report with all unused css codes and javascripts.

Edited March 31, 2020 by vfbb

[John R. 18]

On 3/27/2020 at 1:06 PM, Alexander Sviridenkov said:

What's new

 

MathML support.

 

Do you have a sample / documentation for MathML support ? Does it include an editor ?

Thanks.

[Alexander Sviridenkov 360]

@John R. it supports standard presentation MathML syntax https://en.wikipedia.org/wiki/MathML#Presentation_MathML

 

Yes, editor is included in HTML Editor and Bundle.

[John R. 18]

Sorry but I can't find it. I tried to download it again, then demos "Editor XE-XE103", "Editor Mobile", "Editor FMX" and can't find any reference to MathML or any equation editor button.

[Alexander Sviridenkov 360]

@John R. please compile Editor Demo in trial, select any text and choose Equation from selection toolbar (last button). Or download compiled http://delphihtmlcomponents.com/htedit.zip and do the same.

[Vincent Parrett 763]

How do existing users get updates, do we just download using the original link provided?

[Alexander Sviridenkov 360]

@Vincent Parrett you should have receive new link on email. If not, please contact me.

[Vincent Parrett 763]

5 minutes ago, Alexander Sviridenkov said:

@Vincent Parrett you should have receive new link on email. If not, please contact me.

Thx, I just emailed you. 

[John R. 18]

OK I can see it on the compiled EXE but nothing appears when I select text on the trial Delphi 10.1 Berlin demo.

[Alexander Sviridenkov 360]

@John R. please check that Editor.Options.eoSelectionToolbar is checked

[John R. 18]

OK this is working. If I may, you should better showcase a feature that is #2 on your "What's new" list in the future as I've lost a lot of time trying to find it.

Thank you for your help.

[Alexander Sviridenkov 360]

@John R. thank you, I'll change what's new. But #2 Math ML support is in Core section and means support of displaying MathML equations in existing documents, not MathML editor. It doesn't require additional actions, simply put document with math tag into HtPanel and it will be displayed.

[AdrianV 1]

What is the state of flexbox support ? Current version seems to ignore the display:flex css. Would be nice to have it.

[Rollo62 539]

aaaand, what is the state of CSS Grid, would be also nice to have

(didn't checked the current version, but I doublt it in right now).

Edited May 25, 2020 by Rollo62

[Vincent Parrett 763]

Flex and grid would be nice, for sure, but you realise browsers with huge dev teams have taken years to implement and perfect these features.. not a small ask for a component vendor!

[Guest]

7 hours ago, Vincent Parrett said:

not a small ask for a component vendor!

Indeed,

 

Yet Alexander is one of those guys who did and is doing brilliant and magnificent job, i think he might do just for the self challenge and the fun, because he already is doing a (not-so-small) team work.