C++Builder 5 用の基本的な WYSIWYG HTML エディター コンポーネントを見つけて、既存の HTML ページ テンプレートに貼り付ける単純なテキストをユーザーが作成できるようにする必要があります。リンクの作成、画像の追加、ヘッダー/太字/斜体の使用をサポートするだけです。
4 に答える
次のように、TWebBrowser をフォームにドロップして、その上で designmode を有効にすることができます。
// Delphi code..
(WebBrowser1.Document as IHTMLDocument2).designMode := 'on';
上記の行を実行すると、ページが編集可能になります。追加のテキストを入力したり、削除したりできます。選択を太字にしたり、画像を挿入したりする場合は、それをプログラムするためのボタンをいくつか追加する必要があります。クールなことは、Delphi (またはあなたの場合は C++ ビルダー) からそれを行うか、ページに JavaScript を追加してそれ自体を編集できることです。
ページのコンテンツは次の場所から取得できます。
(WebBrowser.Document as IHTMLDocument2).body.innerHTML;
(WebBrowser.Document as IHTMLDocument2) は nil になる可能性があることに注意してください。
とにかく、すべての作業を行うコンポーネントが周りにあると想像できます。これは、車輪を再発明するよりもおそらく良い方法です。
世界クラスのサポートと豊富な機能セットにより、TRichViewをお勧めします。真の「HTML」エディターではありませんが、HTML へのエクスポート機能をサポートし、必要に応じて適切な CSS スタイルを生成することもできます。主力製品の電子メール部分の処理に使用していますが、非常にうまく機能します。内部的には、ストレージは RTF (画像をより適切にサポートするために拡張されたもの) または独自の形式のいずれかです。あなたのニーズに簡単に合うシンプルなエディターの例がたくさんあります。
C++ Builder では、次のようになります。
(wb は TCppWebBrowser です)
//---------------------------------------------------------------------------
#include <vcl.h>
#pragma hdrstop
#include "mshtml.h"
#include "Unit1.h"
//---------------------------------------------------------------------------
#pragma package(smart_init)
#pragma link "SHDocVw_OCX"
#pragma resource "*.dfm"
TForm1 *Form1;
//---------------------------------------------------------------------------
__fastcall TForm1::TForm1(TComponent* Owner)
: TForm(Owner)
{
}
//---------------------------------------------------------------------------
void __fastcall TForm1::btnNavigateAndEditClick(TObject *Sender)
{
wb->Navigate((WideString)"www.google.com");
while (wb->Busy)
Application->ProcessMessages();
if (wb->Document)
{
IHTMLDocument2 *html;
wb->Document->QueryInterface<IHTMLDocument2>(&html);
html->put_designMode(L"On");
html->Release();
}
}
//---------------------------------------------------------------------------
void __fastcall TForm1::btnInsertImageClick(TObject *Sender)
{
if (wb->Document)
{
IHTMLDocument2 *html;
wb->Document->QueryInterface<IHTMLDocument2>(&html);
VARIANT var;
VARIANT_BOOL receive;
html->execCommand(L"InsertImage",true,var, &receive);
html->Release();
}
}
//---------------------------------------------------------------------------
void __fastcall TForm1::btnGetHtmlClick(TObject *Sender)
{
if (wb->Document)
{
IHTMLDocument2 *html;
wb->Document->QueryInterface<IHTMLDocument2>(&html);
IHTMLElement *pElement;
html->get_body(&pElement);
pElement->get_parentElement(&pElement);
wchar_t *tmp;
pElement->get_outerHTML(&tmp);
Memo1->Lines->Text = tmp;
pElement->Release();
html->Release();
}
}
//---------------------------------------------------------------------------
ウィンドウにリンクしてデザインモードを制御し、編集コントロールをファイルに保存したり、リンク、画像などを挿入したりEmbeddedWebBrowser
できる Edit Designer コンポーネントを備えた無料のコンポーネントセットを提供します。EmbeddedBrowser
うまくいくようです!