Menu icon Foundation
Getting started with Morsecode for Foundation

How do you tell Sublime to decode your Morsecode shorthand. e.g. if I enter sg12mg06lg03 into a document how can I get Sublime to convert it into html?

I followed the instruction here http://zurb.com/article/1348/shortcut-foundation-layouts-with-morse-co and here http://zurb.com/playground/foundation-morse-code and now I have Sublime Text 3 with the plugin installed.

So how do you go the next step and actually expand the shorthand into full html?

Thanks

Morsecodemorse codesublimehtml

How do you tell Sublime to decode your Morsecode shorthand. e.g. if I enter sg12mg06lg03 into a document how can I get Sublime to convert it into html?

I followed the instruction here http://zurb.com/article/1348/shortcut-foundation-layouts-with-morse-co and here http://zurb.com/playground/foundation-morse-code and now I have Sublime Text 3 with the plugin installed.

So how do you go the next step and actually expand the shorthand into full html?

Thanks

Richard Chin almost 5 years ago

Done a little more investigation and I think I've got a bit further.

If I open the Command Pallet I can see -
Foundation Grid: Decode

As I've never used Sublime packages I wondered if I was doing something wrong, So I installed Color Picker and I can see under the Command Pallet - Color Picker: Ctrl + Shift + C, and when I press this combination of keys the color picker pops up.

However, I still can't see how the Foundation Grid should be called.

Jan Pleho almost 5 years ago

I haven't seen anyone who managed this to work.

Evert Semeijn almost 5 years ago

Instruction would have been great, but you can open the keymap file and see what shortcut to use.

To decode your morse code select it and press

super+alt+shift+f

For Mac users: the super key is your CMD key.
For Windows users: the super key is your Windows key.

Jacob Brooks almost 5 years ago

Not sure if you would be willing to switch to another short hand, but the Emmet plugin for Sublime Text 3 is awesome. I use it all the time. An example of the use would be:

.row>.small-12.large-8.columns

after you hit the TAB key, your code would expand to be:

<div class="row">
<div class="small-12 large-8 columns">

</div>
</div>

All of that is standard with regular Emmet. There is also a Foundation plugin for Emmet that gives you more specific Foundation shortcuts like:

zf-reveal + tab

Specific short codes ( and there are more you can find with a search) for Foundation can be found at:
https://github.com/nibz/foundation-5-emmet

As I mentioned before, not sure if you want to switch, just thought I would offer an alternate suggestion.

Michele Mizejewski over 4 years ago

To make Morsecode work, select short code and
super+alt+shift+f (For Mac users: the super key is your CMD key) to decode.

That's assuming you get it to install. The instructions at https://github.com/zurb/foundation-sublime did not work for me. I had success with:

Installation on Sublime Text 2 and Sublime Text 3
Mac/Linux Instructions

CD into Sublime Text packages folder

cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages

or

cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages

Clone repository into packages folder

git clone https://github.com/zurb/foundation-sublime.git

Ben Goshow over 4 years ago

Ms. Mizejewski's instructions worked for me, but only for Sublime Text 2 so far. In S3 the Python code gives an error message:

TypeError: begin_edit() missing 1 required positional argument: 'cmd'