RichEditor
TsgcHTMLComponent_RichEditor — Delphi, C++ Builder ve .NET'te form gönderimi için HTML'ini eşitleyen gizli bir girdiyle Quill tabanlı bir WYSIWYG zengin metin düzenleyicisi işleyin.
TsgcHTMLComponent_RichEditor — Delphi, C++ Builder ve .NET'te form gönderimi için HTML'ini eşitleyen gizli bir girdiyle Quill tabanlı bir WYSIWYG zengin metin düzenleyicisi işleyin.
Bir Quill düzenleyici div'i, onun CDN varlıklarını ve bir başlatma betiğini, ayrıca her değişiklikte içeriği yansıtan gizli bir girdiyi üreten bir düzenleyici bileşeni. İçeriği ve araç çubuğunu ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_RichEditor
Quill düzenleyici + gizli form girdisi
Delphi, C++ Builder, .NET
İçeriğin geri gönderilmesi için Name'i ayarlayın, bir Toolbar ve Theme seçin, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına yerleştirin).
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 inputEn sık başvurduğunuz üyeler.
Content, düzenleyiciyi ilk HTML ile tohumlar; Placeholder, boşken ipucu metni gösterir; ReadOnly, düzenlenemez bir görünüm işler.
Toolbar (TsgcHTMLRichEditorToolbar), hangi biçimlendirme düğmelerinin görüneceğini denetlemek için rtMinimal, rtBasic veya rtFull seçer.
Theme (TsgcHTMLRichEditorTheme), reSnow (kenarlıklı araç çubuğu) ve reBubble (satır içi) Quill temaları arasında geçiş yapar.
Formla birlikte geri gönderilmesi için değeri düzenleyici HTML'iyle eşitlenen gizli bir <input> üretmek üzere Name'i ayarlayın.
Height, düzenleyici gövde yüksekliğini ayarlar (örneğin 300px); EditorID, Quill başlatma betiği tarafından kullanılan öğe id'sini ayarlar.
HTML, Quill CDN bağlantılarını, düzenleyici div'ini, gizli girdiyi ve başlatma betiğini döndürür; CSS, sayfa şablonu için tema duyarlı biçimlendirme sağlar.