Skip to content

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

@klor

Description

@klor

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions