Контроль HTML-разметки в TWebBrowser после обновления Internet Explorer 11

Delphi , Интернет и Сети , Браузер

Обновление TWebBrowser и Internet Explorer 11 на Windows 7

С появлением новых версий браузеров и операционных систем, разработчики, использующие встроенные веб-компоненты, сталкиваются с необходимостью адаптации своих приложений. Особенно это касается тех, кто использует TWebBrowser в приложениях на Delphi для создания HTML-редакторов. После обновления Internet Explorer 11 на Windows 7, пользователи могут заметить изменения в отображении HTML-кода, в частности, при нажатии клавиши Enter.

Проблема: Прежде, после нажатия клавиши Enter, в редакторе создавался элемент <p>&nbsp;</p>. Теперь же вместо этого используется сочетание <p><br></p>, что приводит к появлению лишнего пробела в редакторе.

Примеры HTML-кода: До обновления:

<p>&nbsp;</p>

После обновления:

<p><br></p>

Элемент <br> здесь избыточен и создает ненужный пробел.

Решение: Для контроля над HTML-разметкой, создаваемой в редакторе TWebBrowser, можно использовать сторонний компонент, например, bcbhtml. Пример использования bcbhtml для контроля разметки при нажатии клавиши Enter:

1. Добавьте в проект файл html.cpp и подключите заголовочный файл html.h.
2. Определите глобальную переменную для документа THTMLDocument.
3. В конструкторе формы настройте TWebBrowser для отображения редактируемой области.
4. В обработчике события DocumentComplete инициализируйте документ и подключите обработчик событий клавиатуры.
5. В обработчике onkeydown проверьте код нажатой клавиши и, если это Enter, вставьте желаемый HTML-код.
6. Используйте event.returnValue = false для блокировки стандартного поведения браузера.

#include "html.h"

THTMLDocument document;
__fastcall TForm1::TForm1(TComponent* Owner)
    : TForm(Owner)
{
    WebBrowser1->Navigate("about:<div contenteditable=true>Type here</div>"); // Пример редактируемой области
}

void __fastcall TForm1::WebBrowser1DocumentComplete(TObject *ASender, const IDispatch *pDisp,
    const OleVariant &URL)
{
    document.documentFromVariant(WebBrowser1->Document);
    document.onkeydown = &onkeydown;
}

void TForm1::onkeydown()
{
    EventObj event = document.parentWindow.event;
    if(event.keyCode == VK_RETURN)
    {
        document.selection.createRange().pasteHTML("<p>&nbsp;</p>"); // Вставка желаемого HTML-кода
        event.returnValue = false; // Блокировка стандартного поведения
    }
}

// bcbhtml можно скачать здесь: http://mspay.boxhost.me/html.rar

Альтернативный ответ: В случае, если стандартные методы управления HTML-разметкой не подходят, можно рассмотреть возможность использования других библиотек или написания собственного компонента для управления HTML-редактором.

Важно: При использовании сторонних компонентов и библиотек необходимо учитывать их совместимость с версией Internet Explorer, установленной на целевом компьютере, а также с версией операционной системы Windows.

Заключение: Обновление Internet Explorer 11 на Windows 7 может повлиять на отображение HTML-кода в веб-контролах, используемых в приложениях на Delphi. С помощью bcbhtml или аналогичных решений можно восстановить контроль над HTML-разметкой и обеспечить корректное отображение содержимого в редакторе.

Создано по материалам из источника по ссылке.

Обновление TWebBrowser и Internet Explorer 11 на Windows 7 может привести к изменениям в отображении HTML-кода, в частности, использование элемента `
` вместо неразрывного пробела может вызвать появление лишних пробелов в редакторе.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: Браузер ::