I would to use Zen Coding (version 0.7) for TextMate (version 1.5.10).
It works for the simple shortcuts like div# which is translated to <div id=""></div>
However, when I try to use div#divId or li*5, it doesn't work. I try to autocomplete with tab or ctrl + e, but it seems to not function.
Do you have an idea of to fix this problem ?
Thanks in advance.
Camille.
If you do have all 3 installed, remember to press command + E instead of tab to trigger the zen coding. (just spent half a day on that :))
Note: to fully install in TextMate, you’ll need to download three bundles. At the time of this writing, the three download links are titled as:
Zen.Coding-TextMate.v0.3.zip (implements zen-coding)
TextMate.Zen.HTML.1.3.zip (implements HTML functionality)
TextMate.Zen.CSS.1.3.zip (implements CSS functionality)
Reference: http://mondaybynoon.com/20090817/the-art-of-zen-coding-bringing-snippets-to-a-new-level/
Related
When I type def + TAB to insert a definition in a ruby file in VSCode, I get:
<def></def>
I am sure a week ago, before installing a bunch of new extensions, I could type def + TAB and get :
def
end
I wonder if that might come from an extension that I installed this last days. The thing is that I Installed a bunch of new extensions. I uninstalled all the new ones and kept to ones I've already got, but cannot get back to a nice def + tab as before. It keeps transforming def as an html tag :
<def></def>
I don't know how to get back things how they were. I still don't know what else I might have jumbled. Can someone tell me if somewhere we can configure the action of ** def + TAB** ?
I am working on VSCode with Ruby and I have the following extensions still working on it :
Ruby, SQLite, SQLite Viewer, Sublime Text Keymap and Settings Importer, VSCode Great Icons, VSCode Ruby.
I just uninstalled the other extensions I have since a few days :
Code Runner, Code Spell Checker, endwise, ESLint, GitHub Theme, HTML to CSS autocompletion, Jupyter, Jupyter Cell Tags, Jupyter Keymap, Jupyter Notebook Renderers, Jupyter Slide Show, Live Share, Lorem ipsum, Markdown All in One, Paste and Indent, Path Intellisense, Pylance, Python, Python Type Hint, Tailwind CSS IntelliSense, Todo MD.
I add here a picture I mentioned in my first comment to #anothermh.
What you're describing are Snippets. Managing snippets can be tough because there are built-in snippets, snippets you get from extensions and user-defined snippets. User-defined snippets can be profile-level or workspace-level which can make them hard to track down.
It's possible to disable snippets by clicking Hide from IntelliSense but you have to know which snippet you want to disable first.
I suggest an extension called Snippets Viewer that allows you to view all of your snippets which will make it a little easier to track down which one is causing the issue, then you can disable it.
Call me old fashioned, but there is nothing I can do but only to use the old version of Tiny MCE, which is 2.1.
So, what I'm trying to do is to add a "download" attribute to tag, after I open HTML editor I type this attribute, when saving it simply disappears. There is no official documentation to this old version on the official site. The new ones doesn't mention anything about this feature at all. overall editor look. code editor look
Also, I tried to add "download" in the extended valid elements configuration:
extended_valid_elements: "code[class|dir ,however no success as well.
Did anyone by any chance faced the same problem?
Could use a little bit of help.
Well, if anyone ever encounters the same problem, which I highly doubt, you would need to open tiny_mce.js file, and on the line 1928 there will be "A : "id|class|style|title|download" ", this is the place, where I added "download". Afterwards I was able to add this attribute in the HTML code editor.
I want to use following tag
<h4><span class="icon-phone"></span></h4>
but TinyMCE from Joomla always deletes it, when i save it.
I find the solution that i have to add span[*] to "Extended Valid Elements" in Options from TinyMCE in PluginManager. but it doesn't work. It always delete it again and again. I searched here for a while and found some articles which was similar to my problem but doesn't solve it.
I use Joomla Version 3.3.6 and the plugin is 4.1.2.
Hope somebody can help.
Best Regards,
Dennis
Welcome to TinyMCE, my most hated editor ever.
I've had the same problem multiple times and I believe it's because the editor expects content within the element. So try the following:
<h4><span class="icon-phone"> </span></h4>
is simply a non breaking space
go to: Joomla! administration - Extensions - Plugins - edit Editor - TinyMCE
Set the following parameter:
Extended Valid Elements: span[class|style]
This works for me in Joomla! 3.5 (plugin version 4.3.3)
the example code on
https://greenhouse.lotus.com/sbt/SBTPlayground.nsf/JavaScriptSnippets.xsp#snippet=Social_ActivityStreams_Controls_Simple_Stream_All_Extensions
I can see all extensions UI being displayed, but three of four configured extension do not work
1. save in extension does not work
2. commenting in extension does not work
3. delete in extension does not work
can see errors on all three of them on developer tools
I believe this is previously answered by Francis SBT javascript library
basically the playground uses dojo layers, the controls don't work with dojo layers.
Download the Toolkit
Extract the Tomcat Instance
Point the Instance to Greenhouse (Edit Managed-Beans.xml for sbt.samples.web)
Try the Control from
https://host:8443/
Navigate to the Control and Run it.
it should work from there.
Does Sublime Text support live editing of files?
I'm looking for a better workflow. I really like Sublime Text, but recently I've been spoiled by the "Live Editing" capabilites of tools like Codepen.io and (recently tested) Adobe Brackets. When I go back to Sublime, even Live Reload seems clunky in comparision.
Live Reload: Press Save To Preview..
I'm using the LiveReload Chrome plugin, and depending on the project (Ruby or JS) I'll use Guard or Grunt to watch system files. I like LiveReload. But having to press 'save' on a file to see its changes in the browser is driving me nuts. Even with CSS style injection (no full browser reload), I'm flying blind in comparision to Codepen and Brackets which have instant updates as you type.
Other Tools
** GUI Tools **: I've heard of tools like Codekit and Hammer. Please correct me if I'm wrong, but they seem to do exactly what Gaurd and Grunt do—except no command line.
** Chome Tools Spaces **: The ability to edit Sass in the browser is cool. I've set this up, but I rarely use it. Editing HTML/CSS/Sass in Sublime Text is superior to Chrome Tools in every way. And to that point, it is far superior to Adobe Brackets which is why I don't (at this point) considering using it (Also it seems most of Brackets 'cool features' work on vanilla CSS, and not on Sass).
**Live Style: I've tried this, and I just can't get it to work.
I must have Googled "Live editing Sublime", "Live Refresh Codepen Sublime Text", etc.. a thousand times this year and results have been pretty lousy.
If anyone has any gems of information regard this to add to this PLEASE POST THEM!
Yes it does, all you need is takana: https://github.com/mechio/takana
This tool creates a little server which interacts in live the the loaded css of the page. All you need is to setup the server and add the javascript snippet to your html code (you will obviously remove it afterwards…).
For now only OSX, live editing is even working on different browsers. Welcome to the awesome!