HTML Component Library 3.70 D5-XE10.2

HTML Editor Library – WYSIWYG HTML Editor for Delphi. Yes, it is real (and currently the only one) WYSIWYG and 100% native HTML editor written in Delphi.

Basic features
WYSIWYG editing.
Does not use IE or other libraries (100% native Delphi code).
Supports all Delphi versions from Delphi 5 to Delphi 10.2 Tokyo.
VCL (Win32/64) FMX (Windows / OSX / Android / iOS / Linux)
Full support for touch-screen devices – gestures, text selection (Windows Tablets/Screens, iOS, Android, OSX)
Smooth scrolling on Android and iOS.
Unicode support for Delphi 6 – 2007 (requires TNTUnicode).
Scalable (High DPI support).
Live spellchecking and autocorrection (built-in support for Addict).
Live text styles preview (font family,size, color, baclground).
RTF and MS Word DOCX Import on all platforms.
PDF export on Windows, Android, OSX and iOS.
DB-Aware version
Full support for HTML tags and CSS properties.
Full access from Delphi code to DOM and Styles.
Images, lists, blocks, font styles
Tables support
Print and Print Preview
Embedded Find dialog, Text search, Document Index generation.
Copy from/paste to MS Word, browsers and other applications
Embedded Markdown, Pascal and HTML syntax highlighting.
HTML-based editor controls (HtFontCombo, HtFontSizeCombo, HtColotCombo, HtTableAddCombo, HtBorderCombo, HtTableBorderCombo)

Getting started
To start using the editor simply drop a THtmlEditor component on a form and set its HTML:TStrings property or call Editor.HTML.LoadfromFile function in code.

Don’t leave HTML blank, at least <p>&nbsp;</p> code is required.

THtmlEditor is ready to use and most of it’s function are accessible via keyboard (f.e. Ctrl+B for bold).

Using Editor commands
All basic commands are accessible via actions. Place an ActionList on the form and use the New standard action command to add actions from the HtmlEdit group.

The available pre-defined actions are:
THtActionNew – new document
THtFileOpen,- open file.
THtFileSaveAs,- save file as.
THtActionCopy – copy to clipboard
THtActionPaste -paste from clipboard.
THtActionPasteImage – paste image from clipboard.
THtActionUndo – Undo.
THtActionFontBold – set font bold.
THtActionFontItalic – set font italic.
THtActionFontUnderline – set font underline.
THtActionFontStrikeout – set font strikeout.
THtActionSubscript – subscript.
THtActionSuperscript – superscript.
THtActionAlignLeft – set paragraph alignment to left.
THtActionAlignRight – set paragraph alignment to right.
THtActionAlignCenter – set paragraph alignment to center.
THtActionUnorderedList – convert selection to unordered list.
THtActionOrderedList – – convert selection to ordered list.
THtActionIncreaseIndent – increase block or list indent.
THtActionDecreaseIndent – decrease block or list indent.
THtActionAddUrl – convert selection to URL (link).
THtActionSetHeader- convert current block to header (header level are defined by ActionComponent tag).
THtActionMarkdownHighlight – perform Markdown conversion on selection
THtActionPascalHighlight – highlight selection as Pascal code
THtActionHTMLHighlight – highlight selection as HTML code

To control font name and size use THtFontCombo and THtFontSizeCombo components. Just place them on toolbar and set Editor property if there is more than one THtmlEditor component on form.

Basic Editor properties:
Doc: THtDocument
Current document object (see HTML Component Library documentation)
Caret: THtCaret
Current caret positon and state
TextStyle: THtTextStyle
Current text styles (at caret)
OffsetX, OffsetY: integer
Offset (in screen pixels) of document (equal to negative scrollbars positions)
DesignerElement: TElement
Highligted block element containing caret.
Scale: integer
Current document scale in percent. Default =100 (%)
History: THtEditorStateStack;
Undo history

To use Addict library enable $DEFINE ADDICT in \VCL\ before installing the package.

Add TAddictSpell component on the form and set THtmlEditor.AddictSpell property.

To use another spellchecking library you will need to write handlers for the OnSpellCheck and OnWordCorrection events.

You can enable/disable live spellchecking and autocorrection by using the Spellchecking and WordCorrection properties.

Changing document scale
THtmlEditor has a deicated property to make it simple to alter the scale of the document. Simply alter THtmlEditor.Scale and the document and its contents will be fully rescaled.

For examaple, place TTrackBar on form, set its Position to 100 and Min/Max to 50-200.

Enabling Unicode for non-Unicode Delphi
To use Unicode in old Delphi you should have TntUnicode library installed.

Open /VCL/ file, uncomment $WIDESTRINGS define and recompile library package.

Tag Navigator component
Tag navigator component is used to show path to current element (from document root) and highlight block element in document. Simply place it on the form and set its width.

Delphi, support, Editor, document, property, selection, THtmlEditor, block, properties, function, component, Library, Current, WYSIWYG, editor, added, screen, stroke, alignment, convert, Delphi, document, Editor, selection, support, THtmlEditor, component, Library, WYSIWYG, block, Current, library, Unicode, Android, property, convert, editor, clipboard, spellchecking, styles