HTML++ Editor

HTML++ is a markup language that extends HTML with extra features. The HTML++ editor allows real-time code writing and execution, supporting image uploads, custom tags, embedded media, tables, markdown, and more.

Features

• Image Upload: Upload images with <input type="file">, automatically embedding them as <img> tags.

  <img src="image-url" alt="Uploaded Image">

• HTML++ Tags:

  <videoEmbed src="video-url" controls></videoEmbed> <!-- Embeds videos -->
  <fontStyle font="Arial" color="blue" size="16px">Text</fontStyle> <!-- Applies font styles -->
  <textStyle bold="true" italic="true" color="red">Styled Text</textStyle> <!-- Text styling -->
  <tableCreate rows="3" cols="3" border="1"></tableCreate> <!-- Creates tables -->
  <markdown>content="**Bold** and *Italic* Text"</markdown> <!-- Converts markdown -->
  <styleInject>body { background-color: #f0f0f0; }</styleInject> <!-- Injects CSS -->
  <embedContent type="youtube" url="video-url"></embedContent> <!-- Embeds external content -->
  <codeBlock language="html" content="<div>Code</div>"></codeBlock> <!-- Code syntax highlighting -->
  <formElement type="text" name="username" placeholder="Enter Username"></formElement> <!-- Form elements -->
  <tableCreate rows="2" cols="3" border="2"></tableCreate>
  <embedContent type="youtube" url="https://youtube.com/watch?v=dQw4w9WgXcQ"></embedContent>
  <highlight language="javascript">
  const greet = (name) => {
  console.log(`Hello, ${name}!`);
  };
  greet('World')
  </highlight>``W

Usage

1. Write Code: Enter HTML++ or standard HTML.
2. Upload Image: Upload and embed images.
3. Run Code: Click "Run Code" to render the output.
4. You can use Tags singly or multiply with others

Package Manager

HTML++ have an Package Manager called esh (Extensibility Increases HTML) to use it type "esh create html:<enter standard html code here"

Example: esh create myCard html:<div class="card"><h2>Title</h2><p>Description goes here...</p></div>

You can use your module by "esh install myCard" or Your Module Name

Create Your Own Tag

Type <create>name="<tagname>" js:<type real HTML></create> and then you can import by <import><tag name></import>

Storage

a Database to store datas and load it anytime 🎉 :

• store data with "store="" to store and data securely 😏
• load all datas wih <dataload> to load datas and see what you brain has farted.