Download the PHP package zisunal/php-html without Composer

🈚 Want to customize your HTML output from 🐘 PHP?

• Don't need continuous ?> and <?php anymore.
• Use a more intuitive syntax for HTML generation.
• Create 🌀 reusable components 🌀 easily with PHP.
• Enjoy better code organization and readability.
• Use Flutter-like widget structure for your HTML.
• Use Zisunal\PhpHtml to create your HTML output with ease.
• Use with Vanilla PHP or any PHP framework freely.

📑 See Some Examples

• A Custom HTML with Organized Widget Tree like Flutter

1. Let's Start with Installing Zisunal\PhpHtml

2. If you are not using frameworks like Laravel / Symfony / CodeIgniter, you need to include the autoloader in your project root:

3. Use Zisunal\PhpHtml\Html to Start:

4. For Static Html Methods, use Zisunal\PhpHtml\Htm instead:

Note:

• This first one is Html and the second one is Htm.
• No ending l in the second one.

• Htm can be used to create static HTML elements without the need for an instance.

• Most of the methods of Html are also available in Htm, so you can use them interchangeably.

• You can create an instance of Html like this:

• If you add any of the templating methods with a Html, it will render a complete HTML document.

• If you only add the tags' methods for the body, it will only render the content as a component.

• If you want single div instead of divOpen and divClose in the previous code,

• If you want the shorter version of the previous code,

• If you want the previous code with only static methods,

5. The Most Important info to know:

• You can call render() method at the end of any Html or Htm chain to get/print the final output. Remember, once you called render(), you can't add any more elements to the chain.
• You can pass true as an argument to render() method to get the output as a string instead of printing it directly.

• You can minify the whole Html, CSS, JS output by calling minify() method anywhere before render().

• The following static and non-static methods are equivalent (assuming $html = new Html()). So, you can use any of them interchangeably:

  • $html->hr => $html->hr() => Html::hr() => Htm::hr()
  • $html->br => $html->br() => Html::br() => Htm::br()

  • $html->wbr => $html->wbr() => Html::wbr() => Htm::wbr()

• We will say📝 Single Tags to refer to self-closing tags like <br />, <hr />, <wbr /> from now on.

• We will say📝 Double Tags to refer to opening and closing tags like <div>, <h1>, <p>, <span> from now on.

• All the Double Tags have 2 methods: tagnameOpen() and tagnameClose().

  • divOpen() and divClose() for <div> tags.
  • h1Open() and h1Close() for <h1> tags.
  • pOpen() and pClose() for <p> tags.
  • spanOpen() and spanClose() for <span> tags.
  • aOpen() and aClose() for <a> tags.
  • And so on for all other double tags.
  • Any other Html tag or an innerText() method can be called inside Double Tag to customize the content as needed.
• All the Single Tags can be called directly without any Open and Close methods. It will accept attributes as an array.
• Some Single Tags can also accept their required contents as arguments before the attributes array.
• Some Double Tags can also accept their contents as arguments before the attributes array.

📖 Methods Available to use:

• You can find the complete list of methods and documentations for Html here

• You can find the complete list of methods and documentations for Htm here

  ❓ FAQ

  Q: What is the difference between Html and Htm?

  A: Html is the main class for generating HTML content, while Htm is a lightweight version that focuses on generating HTML snippets without the full document structure.

  Q: Can I use Htm methods inside Html?

  A: Yes, you can use Htm methods inside any Html methods as needed.

🔧 Adding more tags support

If you need any other standard Html tag support you can email me by clicking here

📝 Contributing

We welcome contributions to the Zisunal\PhpHtml package! If you'd like to contribute, please follow these steps:

1. Fork the repository: Create your own copy of the repository by forking it on GitHub.

2. Create a new branch: Before making changes, create a new branch for your feature or bug fix:

3. Make your changes: Implement your feature or fix the bug in your local copy of the repository.

4. Write tests: If applicable, write tests to cover your changes. Ensure that all tests pass before submitting your pull request.

5. Submit a pull request: Once you're satisfied with your changes, push your branch to your forked repository and submit a pull request to the main repository.

6. Follow the code style: Please adhere to the existing code style and conventions used in the project.

Thank you for your contributions!