RichEditor
TsgcHTMLComponent_RichEditor — Delphi, C++ Builder 및 .NET에서 폼 전송을 위해 HTML을 동기화하는 숨김 입력과 함께 Quill 기반 WYSIWYG 리치 텍스트 편집기를 렌더링합니다.
TsgcHTMLComponent_RichEditor — Delphi, C++ Builder 및 .NET에서 폼 전송을 위해 HTML을 동기화하는 숨김 입력과 함께 Quill 기반 WYSIWYG 리치 텍스트 편집기를 렌더링합니다.
Quill 편집기 div, 그 CDN 자산 및 초기화 스크립트, 그리고 변경 시마다 콘텐츠를 미러링하는 숨김 입력을 내보내는 편집기 컴포넌트입니다. 콘텐츠와 툴바를 설정한 다음, HTML 속성을 읽습니다.
TsgcHTMLComponent_RichEditor
Quill 편집기 + 숨김 폼 입력
Delphi, C++ Builder, .NET
콘텐츠가 전송되도록 Name을 설정하고, Toolbar와 Theme을 선택한 다음, HTML을 읽습니다(또는 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 input가장 자주 사용하게 되는 멤버.
Content는 편집기를 초기 HTML로 초기화합니다. Placeholder는 비어 있을 때 힌트 텍스트를 표시하고, ReadOnly는 편집할 수 없는 보기를 렌더링합니다.
Toolbar(TsgcHTMLRichEditorToolbar)는 어떤 서식 버튼이 나타날지 제어하기 위해 rtMinimal, rtBasic 또는 rtFull을 선택합니다.
Theme(TsgcHTMLRichEditorTheme)은 reSnow(테두리 툴바)와 reBubble(인라인) Quill 테마 사이를 전환합니다.
Name을 설정하면 편집기 HTML과 동기화된 값을 갖는 숨김 <input>이 출력되어 폼과 함께 전송됩니다.
Height는 편집기 본문 높이를 설정합니다(예: 300px). EditorID는 Quill 초기화 스크립트가 사용하는 요소 id를 설정합니다.
HTML은 Quill CDN 링크, 편집기 div, 숨김 입력 및 초기화 스크립트를 반환합니다. CSS는 페이지 템플릿을 위한 테마 인식 스타일링을 제공합니다.