Giter VIP home page Giter VIP logo

vim-emblem's Introduction

vim-emblem

vim-emblem adds emblem support to vim.

Features:

  • detects .em and .emblem files as emblem
    • if vim-ember-script is also included, then .em will not clash with ember-script, i.e. .emblem = emblem and .em = ember-script
  • sets standard coding style (two-space indentation)
  • syntax highlighting

This plugin contributes to vim-polyglot language pack.

Todo:

  • indentation

Install

Vundle

Get vundle.

.vimrc:

Bundle 'yalesov/vim-emblem'

Launch vim, :BundleInstall.

Pathogen

Get pathogen.vim.

$ cd ~/.vim/bundle
$ git clone https://github.com/yalesov/vim-emblem.git

Manual install

Download and extract all scripts into ~/.vim / $HOME\vimfiles.

License

ISC

vim-emblem's People

Contributors

andorov avatar heartsentwined avatar sheerun avatar smackesey avatar yalesov avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vim-emblem's Issues

Different colors for helpers?

img

Note sure if this is by design or not, but why the different colors for each vs. linkTo? I think it should just be a unified color if it's not an html5 tag. Thoughts?

New Iteration Style Breaks Highlighting

With the old style each iterator, functions were highlighted like this (note the class binding):

screen shot 2015-04-27 at 1 56 01 pm

However, the new each todo in model style breaks this highlighting:

screen shot 2015-04-27 at 1 55 11 pm

`:toHTML` support?

Today I discovered a promising looking command in vim called :TOhtml which will generate marked up HTML for syntax-highlighted code examples. This would be so awesome to have for Emblem, and I'm not sure where you can plug into it, but presently, it doesn't add any span tags to the code itself other than wrapping each line, e.g.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>~/code/yext/rails/yeah.emblem.html</title>
<meta name="Generator" content="Vim/7.3">
<meta name="plugin-version" content="vim7.3_v10">
<meta name="syntax" content="emblem">
<meta name="settings" content="number_lines,use_css,expand_tabs">
<style type="text/css">
<!--
pre { font-family: monospace; color: #000000; background-color: #ffffff; }
body { font-family: monospace; color: #000000; background-color: #ffffff; }
.lnr { }
-->
</style>
</head>
<body>
<pre>
<span class="lnr">1 </span>
<span class="lnr">2 </span>p OMG OMG I can't #{omg} believe this works! Holy shit
<span class="lnr">3 </span>
<span class="lnr">4 </span>#asijasd.aosdiasod.sdofijd: p: span: p Holy shit #{omgomg}
</pre>
</body>
</html>

Any idea what's involved to get this working? I'd be eternally grateful.

Multiline attribute syntax is not highlighted

A component in this form is highlighted correctly:

= component-name attr-one=value attr-two="text value"

But a component in this form is not:

= component-name [
  attr-one=value
  attr-two="text value"
]

I have made a small fix in my local copy of the syntax file. I'd be happy to submit a pull request.

multiline comments

comments

My preference is for additional lines to not have preceding slashes, which is still considered to be a comment while still indented.

comments2

But obviously they should still be greyed out.

The preference probably varies from developer to developer, so perhaps this can be a vimrc configuration?

Update Readme

The readme states that the plugin detects *.em files as emblem. But it can actually detect .emblem files.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.