Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tanner-davison/terminal-inputs-2-web
dynamically create and customize HTML elements through a console interface. The created elements are then output to an HTML file, which can be immediately viewed in a browser.
https://github.com/tanner-davison/terminal-inputs-2-web
Last synced: 2 months ago
JSON representation
dynamically create and customize HTML elements through a console interface. The created elements are then output to an HTML file, which can be immediately viewed in a browser.
- Host: GitHub
- URL: https://github.com/tanner-davison/terminal-inputs-2-web
- Owner: Tanner-Davison
- Created: 2024-07-24T20:46:32.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-08-13T21:31:42.000Z (4 months ago)
- Last Synced: 2024-10-09T17:11:37.596Z (2 months ago)
- Language: C++
- Homepage:
- Size: 24.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Custom HTML Element Creator
This project allows users to dynamically create and customize HTML elements through a console interface. The created elements are then output to an HTML file, which can be immediately viewed in a browser.
## Features
- **Dynamic Element Creation:** Users can specify the type of HTML element, its inner content, and custom inline styles.
- **Real-Time HTML Output:** The generated HTML is saved to an `index.html` file, which is automatically opened in the default web browser.
- **Text Input Flexibility:** Multi-line text input is supported, allowing for more complex inner content within the elements.
- **File Output:** A separate text file, `guide.txt`, is also created with additional output data.
## How It Works
1. **Start the Program:** Run the program in your preferred C++ development environment.
2. **Create Elements:**
- You will be prompted to create an HTML element.
- Enter the desired HTML tag (e.g., `div`, `p`, `h1`).
- Provide the inner text or content for the element.
- Set custom inline styles (e.g., `color: red; font-size: 20px;`).
3. **View the Output:**
- The created elements are written to an `index.html` file.
- The HTML file is automatically opened in your default web browser for immediate viewing.
- Additionally, a `guide.txt` file is generated with supplementary information.
## Example
Here’s an example of how to use the program:
```cpp
Create a new element? (YES/NO): YES
Which element would you like to create?: p
Create Inner Element/ Inner Text!: This is a paragraph.
Set your inline styles for the parent/main element.: color: blue; text-align: center;
Element Created!
## This input would create the following HTML:
```html
Document
This is a paragraph.
## Dependencies
- **fmt Library:** Used for formatting strings, numbers, and other data types in the program.
- **Windows API:** Utilized to open the generated HTML file in the default web browser.
## Setup
1. Clone the repository:
```bash
git clone https://github.com/Tanner-Davison/Terminal-inputs-2-Web.git
```
2. Compile the code using a C++ compiler with support for the fmt library.
3. Run the executable to start creating your custom HTML elements.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.