As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
I want an editor just like Stack Overflow where I can write code(should look like code) as well as image and corresponding HTML should be generated.
EnhPageDown is an Enhanced version of the Stackoverflow PageDown Editor.
Also have a look at its demo
Stackoverflow uses Markdown for text formatting. You can use an editor like this:
http://www.aloha-editor.org/
I don't know of a offline program for this but you can certainly use an online html editor like: Online Html editor , for a more fancy, JSFiddle and more reliable and user-friendly code editor Figget
What your looking for is a what you see is what you get editor (WHSIWYG). An editor like this allows you to type in words and paste in picture, and the HTML will be generated from that.
There are a ton of these out there, a simple google search turns up hundreds. Dreamweaver is one that is pretty well known.
Be aware, these editors are great at speeding up workflow, but any developer worth their salt can hand code. It's nice to be able to take shortcuts and work faster with editors like this, but I would suggest learning actual HTML and understanding how the editor works before using one.
I find my ans As I told I want show the code which should looks like code http://alexgorbatchev.com/SyntaxHighlighter/
best site for this
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I am working on a project (website) where I need to make a feature where users are able to publish a post, like a blog, so I wanted to keep the post data in the database. What rich text editor can you recommend to me, that is not very hard to use and that will replace the HTML text area?
Also, if I just directly put the content from rich text editor into a database field, what format the content actually will be? I am thinking of HTML string but not sure. So if it's HTML I can just echo the whole thing when displaying the post content? Sorry for that much questions and thank you for the help in advance.
I think TinyMCE suits for your blog.
TinyMCE is a platform independent web based Javascript HTML WYSIWYG.
editor.
Take a look at the site: http://www.tinymce.com/ Also you can give a try here: http://www.tinymce.com/tryit/full.php
I recommend using TinyMCE
It's pretty standard. I know it comes as an optional editor with Joomla! installation - so you know it's at least stable enough to be used in a large distribution of a widely-used CMS.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I am working in rails, and a looking for some resources to design visually pleasing HTML forms. I can write the CSS, so even examples would be great.
Any recommendations?
There are many resources out there, you can just google for well looking forms or something like this.
There are also javascript libraries which makes customized selects/checkboxes etc -for example a project called uniform - check it out, you might like it. It provides you tools to customize it.
You can try Gravity Forms for WordPress then you never need to hand code the html and it inserts unique id's and matching classes in the HTML. This means the sky is the limit when it comes to styling your form.
If you are not using WordPress, here is a nice tutorial for designing form layouts.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I run on OSX and I don't have Dreamweaver. I use Coda but I need an HTML Source Formatting tool. Is there a web-based tool or other app for me?
I can name a few. When I run OS X, I use (if available):
TextWrangler
TextMate
Kod
If you want a decent online editor, take a look at CodeMirror or JsFiddle. They're definitely worth the 90 seconds to see if it fits your needs and its better than some software editors I've seen. This question also lists more, as does this one. FixMyHtml is good if you need to quickly reformat some code before editing it elsewhere.
Software Editors:
TextMate is amazing, but it's up to you to decide if it's worth 57$ after the free trial. BBEdit is 200$ and isn't as good as TextMate. According to their website:
"What sets BBEdit apart is its extensive professional feature set including Web authoring capabilities and software development tools."
In other words, BBEdit just for HTML editing is probably a bad choice.
Here's some free ones besides Coda that you mentioned:
TextWrangler is good and light-weight. Incidentally it was made by BareBones software, who also make BBEdit.
Kompozer is the newer version of Nvu, but its primarily designed for WYSIWYG. I recall the html editing to be decent though.
Aptana is eclipse's html editing extension, also it also runs without eclipse. Its fairly heavyweight, but its pretty good and has plenty of useful features. If you're familiar with eclipse it's a great choice.
Haven't used: (free unless otherwise mentioned)
Komodo Edit 25$
pagespinner
TacoEdit
WebDesign
KOD
Wikipedia's list of html editors, free OS X html editors
Good luck!!! :D
If you are looking for a cloud based code editor, look at Ace editor, formerly Mozilla Bespin/Skywriter.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
I have completed designing the template in photoshop. now i want to convert it into html although i am very well aware of all the html, css javascript elements i use firebug too , i have converted many templates till date. my codes does not comprise of the quality it needs. when i download any templates from some premium sites and look onto their codes i feel my code is very bad in shape, my codes crave for improvement. i want to master the proper use of div , ul and li elements, and the css.
is their any proper resource on the web that could teach me how i do it?
is it good if i use 960gs framework?
My Bible: A List Apart
Well, HTML5 Boilerplate provides a layout for quick coding of pages, although you'll need to go through it and pick out what you don't need.
Line25 has a lot of tips on coding sites, including a tutorial on converting from PSD to HTML, and Soh Tanaka's site also has a lot of tutorials.
Such resources as bestpsdtohtml.com can be useful too
css-tricks is another great resource and has some free video content demonstrating converting a photoshop mock up into html and css.
I think this is the first of three showing the end to end process.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
Is there a page similar to JSbin where I can test HTML and CSS + provide "fiddlable" examples to you?
Yes there is!
jsFiddle
Don't be put off by the 'js' in the name. It has fields for HTML, CSS and JS. You could leave the JS blank and just use the HTML and CSS.
Here is an example of first-child in CSS, to show how small your snippets can be.
Dabblet
This one is the new one on the block and it is fantastic! Integrates nicely with git as well :)
CodePen.io
I really like CodePen quite a bit. I pay for the pro version so I get a lot of realtime collaboration abilities as well as presentation modes. I use "professor mode" a lot because I mentor a few people and hold small online classes.
jsDo.it
Don't be put off by the 'js' in the name. It has fields for HTML, CSS and JS. You could leave the JS blank and just use the HTML and CSS.
Here is an example of first-child in CSS, to show how small your snippets can be.
Excuse the blatant copy and paste, the same description works for this site, too. I, however prefer jsfiddle.
CSSDesk
This one is nice if you don't need any JS.
Liveweave
You can try Liveweave . It even supports context-sensitive auto-completion for HTML5 & CSS3, which is really helpful for most web designers.