I am wondering that I saw in a tutorial video the tutor types .classname in sublimetext 2 and pressing tab it will appear like and form.formclass[roll="form"] and it will become
<form action="#" class="formclass" role="form">.
How could it possible? anyone help me?
What you probably saw was Emmet for sublime text.
This provides many cool features when writing html or css. You can read more about these from the github repo I linked.
That's snippets you can create to suits your needs, here the doc and here some examples
Or there are pre-created snippets you can install using control panels, here a list
Related
So I have a few hundred pages that need their navigation bars updated. I've looked in sublime text, aptana, notepad++ and used the search here but wasn't able to find a simple solution.
All I wish to do is add to the following code so it says
Home
Help
Other
Rather than
Home
Help
I'm using Windows if this makes a difference. I'm aware of the built in find and replace features of aptana and sublime etc but it seems unable add new code to those 100 pages which would be preferred over using any tricks or browser hacks, but I will be willing use those tricks if absolutely necessary.
Due to certain requirements, I'm not able to use php includes ,javascript or jquery and similar . Thanks for any suggestions in advance.
With Sublime Text you have the option to find in all files:
You can then choose a folder to search in, what text to search for and what to replace the found text with.
All files in the chosen folder will be searched.
I'm going to learn the language Markdown to quickly and easily write articles for my website under Wordpress.
To do this, I installed under the Sublime Text 2 plugin Markdown Editing. All delivered normally. Then I create a new document in the editor and assign it a syntax Markdown.
But what to do next? How should I save this file? What do I need to compile the file from the markdown in html? I have not found a good description of how to work with this plugin and how to get ready html-file from the file markup markdown.
Tell me, please.
Apps
For learning Markdown I think Sublime Text may be overkill; it's powerful but adds a lot of complexity. It's a great tool but it isn't where I would start.
Instead I would recommend learning Markdown with simpler writing app like Byword or Mou for Mac, MarkPad for Windows or Editorially for the web.
Still want to use Sublime Text? I'd highly recommend checking out Federico Viticci's article on Sublime Text and Markdown, some of it is Mac specific but since Sublime Text is a cross-platform tool most of what he mentions is as well, it will definitely help you get started.
One of the key things to note is that Markdown Editing isn't an all-in-one tool, it's mostly focused on writing and editing Markdown (See my update below). It's still best to pair it with other Markdown related tools for doing things like converting to HTML.
There's also a little more information on Markdown Editing on Brett Terpstra's site (Brett created it). Here's the introduction post, Brett's pretty responsive so if you have any questions try leaving a comment or contacting him directly.
Saving
Regardless of the editor you use you have a lot of options for saving. Markdown is just plain text so you can save the file as .txt or just about whatever you want. The most popular conventions are .txt, .md, and .markdown. I use .md most of the time.
Converting to HTML
Here again you have a ton of choices. Most text editors that have been designed for Markdown will let you copy or export what you've written as HTML. I usually use the fantastic Marked 2 app which is editor agnostic but it's Mac only. In Sublime Text there are plenty of Markdown converters out there, just search Package Control for Markdown.
If you want the most flexibility possible Pandoc does a whole lot more than just HTML. I use the Pandoc Sublime Text extension.
Another alternative would be to use a Markdown plugin in WordPress so you don't even need to convert it to HTML, just copy and paste it into your WordPress post editor. I haven't used WordPress recently enough to recommend one specifically but I know there are some very solid options there.
Finally, Byword has an optional WordPress extension you can buy if that appeals to you.
Learning Markdown
One last note, there are some great resources out there for learning the language itself. The spec is certainly comprehensive but can be a little intimidating. Lifehacker has a decent introduction but the resource I always recommend is the book Markdown by David Sparks & Eddie Smith. It does focus on Mac and iOS tools but the language is the same everywhere, still if Apple tools and screenshots are a problem best to try something else.
I hope that helps!
Update: MarkdownEditing
Looks like my information was a bit out of date regarding the MarkdownEditing package. It does do a little more than just improving markdown writing or editing now and it's development path is now to make it a fully comprehensive Markdown package.
Thanks to Brett for making it a community project and Ali Ayas heading up the project now. Further details on Brett's blog here.
Visual Studio is so powerful and convenient as HTML,CSS and JS editor.
After typing div,it automatically types /div for me.Espresso can do this as well, but it just doesn't types the TAP or space*4 automatically,that's awful!
So, is there any web editor on Mac as powerful as Visual Stdio.Thanks!
By the way, vs2013 Pro is free for students.
There are many good editors for HTML, CSS and JS for Mac like Espresso, Coda 2, TextMate.
But I personally prefer Sublime Text + Emmet combination.
Emmet Documentation
Check this link also for some of the features of Emmet.
Why don't you take a look at Sublime Text, TextMate or Coda 2?
You may find TypeMetal productive for HTML content authoring. It makes the easy stuff easy, while providing unrestricted access to HTML's full element set. TypeMetal produces streamlined, professional-grade markup, while enabling you to work with fully styled content in a keyboard-shortcut-rich environment. You can find links to a free demo build and the complete online user guide here. (I designed and developed TypeMetal to be the "missing HTML editor" I've long wished for -- hope you'll enjoy it too!)
You can try learning and customizing vim ( = !
I have a course work for which I have to make a (as advanced as possible) WYSIWYG web page editor in VB.NET (2010). It should have a visual editor with drag-drop support for several elements such as anchors, images, tables etc., and it should generate HTML based on that structure.
I don't know where to begin though.. I have some experience with vb.net, I made a tabbed notepad vaguely following a tutorial, but I don't know how to make this drag-drop thingy in a richtextbox.
I've searched for a tutorial, but most of them are just too simple - a text editor with browser control rendering the HTML.. I found one really nice and advanced, but it's in german :-|
So, if anyone knows any resources / tutorials I could use to start things I'll appreciate it.
I won't start with a richtextbox. Do you want to realize it in WPF or Forms (I would recommend WPF)?
In WPF there is relative simple a Drag-And-Drop behavior for elements (see http://msdn.microsoft.com/en-en/library/ms742859.aspx).
I would start with some simple elements (e.g. TextBoxes) and drag-drop them from some sort of toolbox onto a grid with fixed columns and rows (and later use a canvas). And then generate the HTML-Code from that.
In general, most of the WYSIWYG browser based editors are written in Javascript using an editable DIV.
A good example is tinymce:
http://www.tinymce.com/
Download, including full source code, is available here:
http://www.tinymce.com/download/download.php
You can use CKEditor. Its one of the best WYSIWYG editor i have worked with. Its highly customizable and opensource.
Given below is the URL for the website:
http://ckeditor.com/
Hi can anyone recommend a good free html editor.
I want something that will let me wrap sections of code in <p> tags with a shortcut for example. It would make my life easier.
I'm a developer so I want something where I'll be writing most of the html by hand.
Thanks for the help,
Alex
Visual Web Developer 2010 Express is just great for beginners, and has this functionality.
Netbeans has this functionality. It works with many languages including HTML. Get it from http://netbeans.org/ Its free
In Emacs' html-mode you're typing along, hit C-c RET, type your paragraph, hit C-c / to close the paragraph, and keep on hacking.
You can find this tip, and many more, here.
you can use Bluefish. This is a free software text editor. The "Auto tag closing" is include in the software : http://bluefish.openoffice.nl/manual/ch07s02.html
Official website : http://bluefish.openoffice.nl/
Hope it will help you!
Very simple, but with shortcuts for the most common XHTML blocks: Rejbrand Text Editor.
You press Alt+Enter to insert <p></p>; any selection will be included inside the tags. Ctrl+Enter inserts <br />, Ctrl+I inserts <li></li> etc. Ctrl+n inserts <hn></hn>.
Programmer's Notepad 2 gives you the easiness you're asking for, plus it also writes for ALL other programming languages with syntax highlighting to ALL and it adds the closing tags of HTML for you and all the optimizing stuff. Plus it is FREE. It also is VERY portable being only 2.4 megabytes! You can download it from here:
Programmers Notepad Download Latest Version