https://github.com/foso/htmltocomposehtmlconverter

IntelliJ Idea Plugin that can convert HTML to Compose HTML code. https://plugins.jetbrains.com/plugin/18261-html-to-compose-web-converter
https://github.com/foso/htmltocomposehtmlconverter

compose compose-html html intellij-plugin kotlinjs

Last synced: 17 days ago
JSON representation

IntelliJ Idea Plugin that can convert HTML to Compose HTML code. https://plugins.jetbrains.com/plugin/18261-html-to-compose-web-converter

• Host: GitHub
• URL: https://github.com/foso/htmltocomposehtmlconverter
• Owner: Foso
• License: apache-2.0
• Created: 2021-12-21T21:51:04.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-05-17T22:19:29.000Z (over 1 year ago)
• Last Synced: 2024-10-15T01:09:24.175Z (30 days ago)
• Topics: compose, compose-html, html, intellij-plugin, kotlinjs
• Language: Kotlin
• Homepage:
• Size: 387 KB
• Stars: 102
• Watchers: 3
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: Changelog.md
  • License: LICENSE

Awesome Lists containing this project

README

        
HtmlToComposeHTMLConverter

IntelliJ-based plugin that can convert HTML to Compose HTML code.


Turn this:



  



Into this:



  



[![jCenter](https://img.shields.io/badge/Apache-2.0-green.svg

)](https://github.com/Foso/HtmlToComposeWebConverter/blob/master/LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)



### Show some :heart: and star the repo to support the project

[![GitHub stars](https://img.shields.io/github/stars/Foso/HtmlToComposeWebConverter.svg?style=social&label=Star)](https://github.com/Foso/HtmlToComposeWebConverter) [![GitHub forks](https://img.shields.io/github/forks/Foso/HtmlToComposeWebConverter.svg?style=social&label=Fork)](https://github.com/Foso/HtmlToComposeWebConverter/fork) [![GitHub watchers](https://img.shields.io/github/watchers/Foso/HtmlToComposeWebConverter.svg?style=social&label=Watch)](https://github.com/Foso/HtmlToComposeWebConverter) [![Twitter Follow](https://img.shields.io/twitter/follow/jklingenberg_.svg?style=social)](https://twitter.com/jklingenberg_)

## Introduction / How to use

1) Put your cursor to the place where you want to insert the Compose code.

2) Open the Plugin under Tools> HTML to Compose Web

 


  



3) Add your HTML to press "Generate" 



  



4) Your code is now inserted at your cursor.


## What this plugin can't do:

* Convert JavaScript: 

 The  tag will be ignored, but inlined Javascript will be set without changes to the corresponding property. See the "button" code example above.

  

## :arrow_down: How to install?

[JetBrains Marketplace](https://plugins.jetbrains.com/plugin/18261-html-to-compose-web-converter)

  

You can install plugin directly from IntelliJ IDEA or Android Studio:

1. Open _Preferences_

2. Choose _Plugins_

3. Select the _Marketplace_ tab

4. Search for **HtmlToComposeWebConverter**

5. Click on _install_

  

Alternatively you can download the plugin from the release archive https://github.com/Foso/HtmlToComposeWebConverter/releases.  To learn how to install it, read the [Install plugin from disk](https://www.jetbrains.com/help/idea/managing-plugins.html#install_plugin_from_disk) section in the IntelliJ docs.

## :card_file_box: How can I contribute to this plugin?

* Create

  a [bug report](https://github.com/Foso/HtmlToComposeWebConverter/issues/new?assignees=&labels=bug&template=i-encountered-a-bug-while-using-the-plugin.md&title=)

  when accounting a bug

* Create

  a [feature request](https://github.com/Foso/HtmlToComposeWebConverter/issues/new?assignees=&labels=enhancement&template=i-d-like-to-request-a-feature.md&title=)

* Open up a [pull request](https://github.com/Foso/HtmlToComposeWebConverter/pulls)

## :fire: What's new?

### 1.0.5

<ul>

    <li>KeyFrame rules in < style> tag will now be converted to 

Compose for Web StyleSheets</li>

<li> font-face rules will be converted to KotlinJS code</li>

</ul>

# 🏠 Architecture

## 🛠️ Built With

### Kotlin

[![jCenter](https://img.shields.io/badge/Kotlin-1.6.10-green.svg

)]()

### Project Structure

* <kbd>converter</kbd> - Module with the converter 

* <kbd>ideaplugin</kbd> - Module with the Idea Plugin that is using the converter

## ✍️ Feedback

Feel free to send feedback on [Twitter](https://twitter.com/jklingenberg_) or [file an issue](https://github.com/foso/HtmlToComposeWebConverter/issues/new). Feature requests are always welcome. 

## 📜 License

This project is licensed under the Apache License, Version 2.0 - see the [LICENSE.md](https://github.com/Foso/HtmlToComposeWebConverter/blob/master/LICENSE) file for details

### Find this project useful ? :heart:

* Support it by clicking the :star: button on the upper right of this page. :v:

License

-------

Copyright 2021 Jens Klingenberg

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.