Использование HTML тегов в Tkinter Python

Содержание

Введение
Установка модуля tkhtmlview
Применение HTML тегов в Tkinter
Заключение

Введение

В статье научимся использовать HTML-теги в Tkinter python. Для этого нам понадобится модуль tkhtmlview.

Установка модуля tkhtmlview

Для установки нужно перейти в терминал/командную строку, и прописать:

pip install tkhtmlview

Поддерживаемые теги: ‘a’, ‘b’, ‘br’, ‘code’, ‘div’, ’em’, ‘h1’, ‘h2’, ‘h3’, ‘h4’, ‘h5’, ‘h6′,’i’, ‘img’, ‘li’, ‘ul’, ‘ol’, ‘mark’, ‘p’, ‘pre’, ‘span’, ‘strong’, ‘u’

Применение HTML тегов в Tkinter

Для начала импортируем tkinter и tkhtmlview, после чего создадим окно tkinter:

# Импорт модулей
from tkinter import *
from tkhtmlview import HTMLLabel

# Создать объект класса Tk
root = Tk()

# Установить размер окна
root.geometry("500x500")

# Изменение размеров окна (0 - запретить, 1 - разрешить)
root.resizable(0, 0)

# Запустить программу
root.mainloop()

Для добавления метки с HTML-тегами используется класс HTMLLabel(). Добавим заголовки разных размеров, и выведем их с помощью метода pack():

# Добавить метку
html_tk = HTMLLabel(root, html="""
    <h1>IT Start</h1>
    <h2>IT Start</h2>
    <h3>IT Start</h3>
    <h4>IT Start</h4>
    <h5>IT Start</h5>
    <h6>IT Start</h6>

""")

# Позиционирование метки
html_tk.pack(pady=20, padx=20)

Вывод:

По такому же принципу добавляются все остальные теги. Например добавим ссылку с помощью тега <a>, и строчку кода тегом <code>:

html_tk = HTMLLabel(root, html="""
    <a href="https://it-start.online/">IT Start</a>
    <code>
    from tkinter import *
    from tkhtmlview import HTMLLabel
    
    root = Tk()
    root.geometry("500x500")
    root.resizable(0, 0)
    </code>
""")

html_tk.pack(pady=20, padx=20)

Вывод:

Итоговый код:

from tkinter import *
from tkhtmlview import HTMLLabel

root = Tk()
root.geometry("500x500")
root.resizable(0, 0)

html_tk = HTMLLabel(root, html="""
    <a href="https://it-start.online/">IT Start</a>
    <code>
    from tkinter import *
    from tkhtmlview import HTMLLabel
    
    root = Tk()
    root.geometry("500x500")
    root.resizable(0, 0)
    </code>
""")

html_tk.pack(pady=20, padx=20)

root.mainloop()

Заключение

В данной статье мы научились использовать HTML теги в tkinter Python. Надеюсь Вам понравилась статья, удачи! 🙂

Мой Telegram канал

Курс по Tkinter