{"id":26359282,"url":"https://github.com/hasderhi/code-editor","last_synced_at":"2025-03-16T15:59:10.461Z","repository":{"id":269227323,"uuid":"872552951","full_name":"hasderhi/Code-Editor","owner":"hasderhi","description":"This is my HTML, CSS and JavaScript editor written in Python. Even though it uses just one external library (Pillow for icons), it has some functions like syntax highlighting for HTML, CSS and JS code, an autosave function and a function to run the code with one click in the browser.","archived":false,"fork":false,"pushed_at":"2025-02-19T19:53:05.000Z","size":680,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-19T20:33:48.706Z","etag":null,"topics":["editor","htmleditor","python","python3"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hasderhi.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-14T16:27:38.000Z","updated_at":"2025-02-19T19:53:09.000Z","dependencies_parsed_at":"2025-01-20T20:26:45.386Z","dependency_job_id":"23d4b4eb-c79b-4e76-93ce-6f1b2e791a44","html_url":"https://github.com/hasderhi/Code-Editor","commit_stats":null,"previous_names":["hasderhi/code-editor"],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasderhi%2FCode-Editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasderhi%2FCode-Editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasderhi%2FCode-Editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasderhi%2FCode-Editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hasderhi","download_url":"https://codeload.github.com/hasderhi/Code-Editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243893843,"owners_count":20364916,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["editor","htmleditor","python","python3"],"created_at":"2025-03-16T15:59:10.018Z","updated_at":"2025-03-16T15:59:10.451Z","avatar_url":"https://github.com/hasderhi.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HTML Editor\n\n![Html Editor logo](internal/icons/logo.png)\n\nThis is my HTML, CSS, JavaScript and Markdown editor written in Python. Even though it uses just one external library (Pillow for icons), it has some functions like syntax highlighting and tag completition for HTML, CSS, JavaScript and Markdown code, an autosave function and a function to run the code with one click directly in the program.\n\n## Why use this editor?\n\nThis editor serves as an excellent resource for web developers planning to write and execute their code within their Python environment.\nIt is also an ideal learning platform for beginners eager to learn coding, as the editor is straightforward and user-friendly.\n\nAdditionally, the editor allows for easy configuration by altering the Python code.\nIf you wish to make changes or add new features, you can simply modify the Python files.\n\n## Starting with the editor\n\n### Installation\n\n1. Install Python 3.x\n2. Install the pillow library with ```pip install pillow``` (You can skip this if you don't need icons)\n\n### Running\n\nRun the program with ```python 3.x```\n\n- Run the ```.py``` file for console access\n- Run the ```.pyw``` file for no console\n\n### Building .exe / .dmg\n\nThe developer has chosen not to include an .exe or .dmg file to the repository.\nThis is because of issues with antivirus software which sometimes falsely \ndetects malware in the pyInstaller bootloader.\n\nIf you want to build an exe yourself, do the following:\n\n0. Download the latest release (And the Pillow library, assuming you are not building an .exe file because you cannot install Python.)\n1. Download auto_py_to_exe (Pyinstaller with GUI) with ```py -m pip install auto_py_to_exe```\n2. Run the following command in the terminal: ```py -m auto_py_to_exe```\n3. Set up pyinstaller as following:\n    - Set ```main.py``` or ```main.pyw``` as ```path to file```\n    - Make sure ```Onefile``` is set to ```one directory```\n    - Set ```Console window``` to ```Window based```\n    - Set ```Icon``` to the icon from ```internal/icons/favicon.ico``` (Optional)\n4. Convert .py to .exe\n5. Copy the ```internal``` folder from the repo into the output folder the .exe is located\n6. Run the .exe\n\nIf you run into any problems, feel free to contact the developer at any time!\nSadly, as I don't have enough experiency with pyinstaller on macOS to give detailed instructions,\nbut pyinstaller *should* work with the python files from the ```macOS``` folder.\n\n## Using the editor\n\nIn the main window, start writing your code. The editor will mark keywords, variables, functions and more.\n**Note: The editor does not mark errors in the code (yet).**\n\n### Menu Bar\n\nIn the menu bar, you will find the following buttons:\n\n- HTML Editor (This opens an about window with informations about the program)\n- New (This opens a new window with a new file)\n- Save as (This saves the current document to a specified file path)\n- Save (This saves changes to the document; will prompt for a file path if the file was not saved previously)\n- Open (This opens a file from your computer)\n- Run (This runs the current document in the default browser)\n- Zoom (Changes the text size)\n- Find/Replace (Finds a given string in the text and replaces it if another string is given)\n- Settings (Opens the settings window)\n\n### Syntax Highlighting\n\nThe editor uses Python regular expressions to highlight HTML, CSS and JavaScript tags, keywords, variables, strings, integers, functions and comments. As the highlighting engine is improved constantly, support for other languages is coming soon.\n\n### Auto Save\n\nIf activated the editor will automatically save your changes every 10 seconds until disabled by clicking the button again. You can change the interval in line 547:\n\n```python\ndef auto_save(self):\n        \"\"\"Saves the current document automatically at regular intervals\"\"\"\n        self.save_changes()\n        self.root.after(\n            10000, self.auto_save # \u003c-- Here\n        )\n```\n\n### Tag auto completition\n\nThe editor will auto complete HTML tags and strings if you start typing them in the editor. This feature can be turned off in settings.\n\n### Appearance\n\nIn the settings, you can switch between 4 themes:\n\n1. Dark mode (Default)\n![The editor in dark mode](internal/assets/darkmode.png)\n2. Light mode\n![The editor in light mode](internal/assets/lightmode.png)\n3. High contrast mode\n![The editor in high contrast mode](internal/assets/highcontrastmode.png)\n4. Black/White Mode\n![The editor in black/white mode](internal/assets/bwmode.png)\n\n## Additional information\n\nFor more information, please see ```docs/guide.html```\n\nWritten by Tobias Kisling\n\nVersion 1.1\n\nThis software is released under the MIT-License. For more information please see the ```license.md```!\n\nYou can reach me by mail (\u003ctobias.kisling@icloud.com\u003e) or on github (\u003chttps://github.com/hasderhi\u003e).\n\n# tk_dev - Software with passion!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhasderhi%2Fcode-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhasderhi%2Fcode-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhasderhi%2Fcode-editor/lists"}