RichEditor
TsgcHTMLComponent_RichEditor — renderizza un editor di testo formattato WYSIWYG basato su Quill con un input nascosto che sincronizza il suo HTML per l’invio del modulo, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_RichEditor — renderizza un editor di testo formattato WYSIWYG basato su Quill con un input nascosto che sincronizza il suo HTML per l’invio del modulo, in Delphi, C++ Builder e .NET.
Un componente editor che emette un div editor Quill, i suoi asset CDN e uno script di inizializzazione, più un input nascosto che rispecchia il contenuto a ogni modifica. Imposta il contenuto e la barra degli strumenti, quindi leggi la proprietà HTML.
TsgcHTMLComponent_RichEditor
Quill editor + hidden form input
Delphi, C++ Builder, .NET
Imposta Name affinché il contenuto venga inviato, scegli una Toolbar e un Theme, quindi leggi HTML (oppure inseriscilo in una pagina TsgcHTMLTemplate_Bootstrap).
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 inputI membri che utilizzerai più spesso.
Content inizializza l’editor con HTML iniziale; Placeholder mostra il testo suggerito quando è vuoto; ReadOnly renderizza una vista non modificabile.
Toolbar (TsgcHTMLRichEditorToolbar) seleziona rtMinimal, rtBasic o rtFull per controllare quali pulsanti di formattazione compaiono.
Theme (TsgcHTMLRichEditorTheme) alterna tra i temi Quill reSnow (barra degli strumenti bordata) e reBubble (inline).
Imposta Name per emettere un <input> nascosto il cui valore è mantenuto sincronizzato con l’HTML dell’editor così viene inviato con il modulo.
Height imposta l’altezza del corpo dell’editor (ad esempio 300px); EditorID imposta l’id dell’elemento usato dallo script di inizializzazione di Quill.
HTML restituisce i link CDN di Quill, il div editor, l’input nascosto e lo script di inizializzazione; CSS fornisce lo stile sensibile al tema per il template di pagina.