uikit / uikit-sublime

Sublime Plugin
MIT License
97 stars 35 forks source link

Snippets with full structures (HTML elements and UIKit attributes) #enhancement #18

Open klor opened 6 years ago

klor commented 6 years ago

Enhancement request:

Currently this plugin can add snippets inside HTML elements at the "attribute level". For instance, the workflow to add "uk-container" inside a DIV is:

  1. Start writing '<div class="'
  2. Press CTRL+Space (Windows) or enter "uk" to open the uikit sublimetext snippets (a dropdown opens).
  3. Select "uk-container" from the dropdown
  4. The attribute is now added inside your HTML, and that's it. Example:
<div class="uk-container
  1. Finish your HTML by entering ">stuff</div> and you finally have:
<div class="uk-container">stuff</div>

Better: I suggest that the plugin is complemented with a way to add full structures that include HTML elements and UIKit attributes. This will make it really easy to create grids, form input elements and the like - and reduce the need for manual typing.

As in these SublimeText plugins:

Bootstrap 4 Snippets for Sublime Text 2&3 - workflow:

  1. Enter "b4", a dialog opens
  2. Select "b4:grid" to generate a grid:

image

  1. HTML element with attributes are now inserted for you, no or very little manual typing is needed:

image

See also Twitter Bootstrap 3 Snippets Plugin for Sublime Text 2/3 (Top 100 plug-in for Sublime Text)

diomed commented 6 years ago

@florianletsch it's been more than a year since anything has changed here. some updates would be nice. also, no1 ever touched #13 . when will that future come? :D