RichEditor
TsgcHTMLComponent_RichEditor — render een op Quill gebaseerde WYSIWYG rich-text-editor met een verborgen invoer die zijn HTML synchroniseert voor formulierverzending, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_RichEditor — render een op Quill gebaseerde WYSIWYG rich-text-editor met een verborgen invoer die zijn HTML synchroniseert voor formulierverzending, in Delphi, C++ Builder en .NET.
Een editorcomponent dat een Quill-editor-div, zijn CDN-assets en een init-script uitstuurt, plus een verborgen invoer die de inhoud bij elke wijziging spiegelt. Stel de inhoud en werkbalk in en lees dan de HTML-eigenschap.
TsgcHTMLComponent_RichEditor
Quill-editor + verborgen formulierinvoer
Delphi, C++ Builder, .NET
Stel Name in zodat de inhoud wordt teruggepost, kies een Toolbar en Theme en lees dan HTML (of plaats het in een TsgcHTMLTemplate_Bootstrap-pagina).
uses
sgcHTML_Component_RichEditor;
var
oEditor: TsgcHTMLComponent_RichEditor;
begin
oEditor := TsgcHTMLComponent_RichEditor.Create(nil);
try
oEditor.Name := 'body';
oEditor.Content := '<p>Hello <b>world</b></p>';
oEditor.Placeholder := 'Write your post...';
oEditor.Height := '300px';
oEditor.Toolbar := rtFull;
oEditor.Theme := reSnow;
WebModule.Response := oEditor.HTML; // Quill editor + hidden input
finally
oEditor.Free;
end;
end;// includes: sgcHTML_Component_RichEditor.hpp
TsgcHTMLComponent_RichEditor *oEditor = new TsgcHTMLComponent_RichEditor(NULL);
try
{
oEditor->Name = "body";
oEditor->Content = "<p>Hello <b>world</b></p>";
oEditor->Placeholder = "Write your post...";
oEditor->Height = "300px";
oEditor->Toolbar = rtFull;
oEditor->Theme = reSnow;
String html = oEditor->HTML; // Quill editor + hidden input
}
__finally
{
delete oEditor;
}using esegece.sgcWebSockets;
var editor = new TsgcHTMLComponent_RichEditor();
editor.Name = "body";
editor.Content = "<p>Hello <b>world</b></p>";
editor.Placeholder = "Write your post...";
editor.Height = "300px";
editor.Toolbar = TsgcHTMLRichEditorToolbar.rtFull;
editor.Theme = TsgcHTMLRichEditorTheme.reSnow;
string html = editor.HTML; // Quill editor + hidden inputDe members die je het vaakst gebruikt.
Content vult de editor voor met initiële HTML; Placeholder toont hinttekst zolang het leeg is; ReadOnly rendert een niet-bewerkbare weergave.
Toolbar (TsgcHTMLRichEditorToolbar) selecteert rtMinimal, rtBasic of rtFull om te bepalen welke opmaakknoppen verschijnen.
Theme (TsgcHTMLRichEditorTheme) schakelt tussen de Quill-thema's reSnow (omkaderde werkbalk) en reBubble (inline).
Stel Name in om een verborgen <input> uit te sturen waarvan de waarde synchroon blijft met de editor-HTML zodat hij met het formulier wordt teruggepost.
Height stelt de hoogte van de editor-body in (bijvoorbeeld 300px); EditorID stelt de element-id in die het Quill-init-script gebruikt.
HTML retourneert de Quill-CDN-links, editor-div, verborgen invoer en init-script; CSS levert thema-bewuste styling voor de paginatemplate.