I'm using Sublime Text and Emmet. And I was wandering if there is a way to convert some html code into emmet shortcuts? So to use Emmet in the other sens.
I didn't find anything on the web.
So from this :
<ul>
<li><i class="fa fa-user"></i></li>
<li><i class="fa fa-user"></i></li>
<li><i class="fa fa-user"></i></li>
</ul>
to this:
ul>li*3>a>i.fa.fa-user
Thank you :)
No, currently it’s not possible. You can join the discussion for this feature request: https://github.com/emmetio/emmet/issues/93
Now you can use the extension "Reverse Emmet" from github:
https://github.com/jzmstrjp/brackets-reverse-emmet
Related
In my project (laravel+vuejs) i want to list the gantt chart of each project so when i click to the link of a specific project it redirect me to his gantt But in my case the the first click it work fine but one i click to choose other project it just change the url and dont refreshing the page (it didnt redirect me) it always work with the just first try.Any help guys?
this is the MainApp.vue:
<ul class="nav nav-treeview" >
<li class="nav-item" v-for="projet in projects.projets" :key="projet.id" v-if="currentUser.role==='admin'">
<router-link :to="`/gantt/${projet.id}`" class="nav-link ">
<i class="fas fa-circle" style="color:#05dfd7"> </i>
<p>Gantt:{{ projet.name }} </p>
</router-link>
</li>
</ul>
You need to add a :key attribute to your <router-view>
<router-view :key="$route.fullPath"></router-view>
Your ${projet.id} will be different each time, hence reload will be triggered.
Edit
$route.fullPath Vue API
type: string
The full resolved URL including query and hash.
Hello I have been playing with overrides and I decided to make language overrides for pagination Next and Previous Text buttons but the issue is when I make language override using for example:
CODE: SELECT ALL
<i title="Next article" class="fa fa-fast-forward"></i>
or
plain
<i class="fa fa-address-book" aria-hidden="true"></i>
I get the icon but also get "> displayed in front of it.
Screenshot for clarification
What am I doing wrong here?
Thank you!
check your tags and attributes inside the tags if they are properly closed, e.g. there can be some mistake like
<i title="Next article" class="fa fa-fast-forward">"></i>
I'm trying to add Google Analytics click tracking events to li list items (active thumbnails) used in a responsive grid application, and can't get it working. I've researched here and in the Google developer forums without success. I'm sure there is something simple I'm doing wrong. I have the latest GA script code installed (page view analytics are working fine). Here is a code sample:
<ul>
<li data-type="link" data-url="http://www.dianagabaldon.com/books/outlander-series/" data-target="_self" >
</li>
<li data-thumbnail-path="outlander_files/thumbnails/outlanderbookseries1.png" ></li>
<li data-thumbnail-text >
<p class="largeLabel" >Diana Gabaldon - Outlander Series</p></li>
</ul>
Hope you can help. Feel free to suggest a better way of doing it.
Update: I'm still digging, and the GA code has been updated for Universal Analytics and looks like this:
<ul>
<li data-type="link" data-url="http://www.dianagabaldon.com/books/outlander-series/" data-target="_self" >
</li>
<li data-thumbnail-path="outlander_files/thumbnails/outlanderbookseries1.png" ></li>
<li data-thumbnail-text >
<p class="largeLabel" >Diana Gabaldon - Outlander Series</p></li>
</ul>
Update 2: I tried opening the outbound link target in a new page to see if a lack of callBack might be the problem. No success. Following are two views of the code, one with the contained inside the li with the outbound link, the other in a separate li with the same parent ul. Neither works. Does anyone know which syntax is correct? Thx.
Example 1: With href in it's own li:
<ul>
<li></li>
<li data-type="link" data-url="http://www.dianagabaldon.com/books/outlander-series/" data-target="_blank" ></li>
<li data-thumbnail-path="outlander_files/thumbnails/outlanderbookseries1.png" ></li>
<li data-thumbnail-text >
<p class="largeLabel" >Diana Gabaldon - Outlander Series</p></li>
</ul>
Example 2: With href inside outbound link li:
<ul>
<li data-type="link" data-url="http://www.starz.com/outlandercommunity/home.html" data-target="_blank" >
</li>
<li data-thumbnail-path="outlander_files/thumbnails/community1.png" ></li>
<li data-thumbnail-text >
<p class="largeLabel" >Starz: Outlander Community</p></li>
</ul>
The syntax you are using for the event tracking uses the classic GA syntax (_gaq.push), but if you are using Universal Analytics (assuming that is what you mean by using the "latest GA script code"), the syntax needs to be updated:
onClick="ga('send', 'event', 'GridLinks', 'Click', 'Outlander Clicks 1');"
I'm not familiar with Responsive Grid, but the likely explanation is that the call to ga only adds the event to a queue for asynchronous processing, and that the event is lost because the current document is immediately replaced afterwards (stopping the JavaScript execution for the current page). You would need to use a hit callback as described in the Google Analytics help, but I'm not sure how this would be integrated with Responsive Grid. Also note that there are a couple of other pitfalls you need to be aware of.
I am really new to JHipster. I am writing an application based on the JHipster Template. The JHipster template comes up with a lot of languages but I only need a few of them. My question is how can I delete the other one without getting errors. I can't just delete the menu entries. Because they come from Cookies and are initialized with the following coed.
<li class="dropdown pointer" ng-controller="LanguageController">
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
<span>
<span class="glyphicon glyphicon-flag"></span>
<span class="hidden-tablet" translate="global.menu.language">Language</span>
<b class="caret"></b>
</span>
</a>
<ul class="dropdown-menu">
<li active-menu="{{key}}" ng-repeat="(key, language) in languages">
{{language}}
</li>
</ul>
</li>
Does someone now where those Cookies are initialized and how I can delete the other languages?
You can delete them, indeed. Have a look at the constants.js file.
In the next version we will make this easier, as indeed we are now having too many languages!
I wonder if we can repeat the same itemprop in the same itemtype, e.g.:
<ul itemscope itemtype="http://schema.org/Person">
<li itemprop="award">Award 1</li>
<li itemprop="award">Award 2</li>
<li itemprop="award">Award 3</li>
</ul>
Is this a right way to specify awards using Microdata? How about the use of the itemprop awards instead? Thanks in advance!
It's fine as you wrote it, multiple values are allowed in microdata.
I find this handy to test this kind of stuff. It extracts all the awards from your snippets, so it's good!
As you can see in the schema.org documentation, awards is a legacy spelling and should no longer be used.
Update: Oh and welcome to StackOverflow by the way :-)