Редактор HTML для CBuilder/Delphi

Question

Мне нужно найти базовый компонент WYSIWYG HTML-редактор для C++Builder 5, чтобы позволить пользователям создавать простой текст, который я вставлю в существующий шаблон HTML-страницы. Just a simple support to create links, add images, use headers/bold/italic.

Answer 1

Вы можете поместить TWebBrowser в форму и включить дизайн-мод, например:

// Delphi code..
(WebBrowser1.Document as IHTMLDocument2).designMode := 'on';

После выполнения вышеупомянутой строки страница будет редактируемой. Вы можете ввести дополнительный текст, удалить и т. Д. Если вы хотите сделать выделение жирным шрифтом или вставить изображения, вам нужно будет добавить несколько кнопок, чтобы запрограммировать это. Круто то, что вы можете сделать это либо из Delphi (или C++ builder в вашем случае), либо вы можете добавить javascript на страницу, чтобы редактировать себя.

Содержание страницы может быть получено из

(WebBrowser.Document as IHTMLDocument2).body.innerHTML;

Помните, что (WebBrowser.Document как IHTMLDocument2) может быть нулевым.

---

В любом случае, я могу представить, что есть компоненты, которые делают всю работу за вас, что, вероятно, является лучшим путем, чем изобретать колесо.

Answer 2

Я бы порекомендовал TRichView из-за его поддержки мирового класса и глубокого набора функций. Хотя это не настоящий редактор HTML, он поддерживает возможность экспорта в HTML, даже при необходимости генерируя соответствующие стили CSS. Я использую его для обработки электронной почты в части нашего основного продукта, и она работает очень хорошо. Внутренне хранилище имеет формат RTF (расширенный для лучшей поддержки изображений) или в качестве проприетарного формата. Есть множество примеров простых редакторов, которые легко подойдут вам.

Answer 3

В 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();
        }
}
//---------------------------------------------------------------------------

Answer 4

http://www.bsalsa.com/

поставляет бесплатный набор EmbeddedWebBrowser компоненты с компонентом Редактор конструктора, который вы связываете с EmbeddedBrowser окно для управления режимом дизайна и редактирования редактирования сохранить в файл, вставить ссылки, изображения и т. д...

кажется, работает хорошо!