WebDes

A HTML editor coded in Python using the PyQt5 framework.

This is a real-time updating editor with the capabilities of displaying HTML code/files in a Chromium version 94.0. 4606 engine.

Its features include :

• Real time update
• Auto save
• Ability to display local images
• Syntax highlighting
• Multi tabbed editor

How to run

For building on linux distros , see this

• You have to have github and python3 or greater installed .
• Clone this repository

git clone https://github.com/Tanay-Kar/HTML-Editor.git

• Navigate to the folder

cd HTML-Editor

• Install the required packages

pip install -r requirements.txt

• Finally run the main.py file

python main.py

Running on Linux distros

For some internal bug, the PyQt5 webengine widget may not work as expected on some linux distros. A workaround(tested on Ubuntu, Fedora and Manjaro), is provided for the time being. The workaround is based on this stackoverflow answer

Delete the previous PyQt5 packages installed using pip3

pip3 uninstall PyQt5 PyQt5-Qt5 PyQt5-sip PyQtWebEngine PyQtWebEngine-Qt5

Install QtWebEngine using apt(or the appropriate package manager for your distro) (apt will automatically install PyQt5)

sudo apt install python3-pyqt5.qtwebengine

Proceed with the above installation steps.

Screenshots

Adding a local image requires saving the file

Light theme	Dark Theme

Builds

Apart from the default source codes, I have included the following builds in the release page of this repository

• Installer for installing the app
• A portable version of the app

Additional detail thereof is mentioned in the release page.

Building Instructions

For Windows

The project has an included setup file for building an exe using cx_freeze.

• Install cx-Freeze using pip

pip install cx-Freeze 

• Execute setup.py with build as the argument

python setup.py build

The exe will be built in the \build\exe.win-amd64-3.xx, named as 'webdes.exe'.

Note

As of now , this project has been tested on several linux and windows operating systems. Voulunteers for creating a mac os build and finding bugs in the project in mac os are requested to contact me on contact.tanaykar@gmail.com

Conclusion

I hope that this project of mine helps you. Suggestions and features are welcome and as for bugs please inform in the github bug tracker. I will try my best to fix it.