0

I just started using Atom editor after switching from Sublime Text 3. I'm having a couple of issues though and one of them is that I have emmet installed but the files I'm using have sytax highlighting set for ExpressionEngine or Craft-Twig not html and this is stopping the emmet shortcuts from working.

Is there a way to set emmet to expand html with syntax highlighting other than html.

so for example:

section>ul.list-inline>(li>a>lorem2)*3 and hit tab expands to:

<section>
  <ul class="list-inline">
    <li><a href="">Lorem ipsum.</a></li>
    <li><a href="">Quasi, nihil.</a></li>
    <li><a href="">Nam, nobis.</a></li>
  </ul>
</section>

This works if I set the file to html, but I want it to work when set to expressionengine or craft-twig. I had it working like this when using Sublime Text.

3
  • @SergeyChikuyonok I looked there but am having trouble following the instructions to "open DevTools and find corresponding <atom-text-editor>" can't find where to open DevTools and google is failing me.
    – CreateSean
    Aug 31, 2016 at 13:11
  • View > Developer > Toggle Developer Tools Sep 1, 2016 at 9:33

1 Answer 1

1

You should be able to use extend the snippets, as it's currently done for JSX. The following is taken from snippets.json:

"jsx": {
    "filters": "jsx, html",
    "extends": "html",
    "profile": "xml"
}

Check the snippets documentation for details.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.