NuSphere Forums Forum Index
NuSphere Forums
Reply to topic
Emmet (zen coding) integration script


Joined: 27 Oct 2014
Posts: 9
Reply with quote
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow.

This integration script brings Emmet's "Expand Abbreviation" functionality to NuSphere PhpED IDE.


Installation
    1. Install node.js from
    Code:
     http://nodejs.org

    2. Download emmet.js file:
    Code:
    https://www.dropbox.com/s/jfamnevdg55inq0/emmet.js?dl=0
    Save it to anywhere you like

    3. In PhpED open "Tools" > "Settings" > "Tools" > "Integration", then press "Add Menu" button

    4. Call new menu "Emmet"

    5. In a "Command parameters" window select "Execute with" > Shell.
    and fill "Command line"

    Code:
    node "absolute\path\to\emmet.js"

    Then set checkboxes like at the screenshot:


    You can also set shortcut to this action.


Usage
    1. Type abbreviation in editor and highlight it:

    2. Press your shortcut or click "Tools" > "Scripts" > "Emmet" menu item.

    3. You got result:


Known issues
    1. Works only with selected text, not the whole line.

    2. Sometimes PhpED window hides backwards after script run.

    3. Script doesn't implement other Emmet actions, such as Line merging or CSS reflecting.


Useful links
Emmet official website:
Code:
http://emmet.io

Cheat sheet:
Code:
http://docs.emmet.io/cheat-sheet/

This integration script based on the plugin for Textarea editor:
Code:
https://github.com/emmetio/textarea


P.S. Issues and suggestions are welcome
View user's profileFind all posts by todaySend private message
Emmet (zen coding) integration script
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
All times are GMT - 5 Hours  
Page 1 of 1  

  
  
 Reply to topic