Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 6 years ago.
Improve this question
got a new blog at wordpress few days ago (http://ghads.wordpress.com) and I want to post some code snippets now or then. Is there anyway to make it look like code without paying for extra plugins?
See here: http://en.support.wordpress.com/code/posting-source-code/
Wrap your code in these tags: [sourcecode language='css'] .. [/sourcecode]
(or shorter [code lang='css'] .. [/code] )
Note that Visual Editor doesn't interpret the tags, you need to click Preview to see how it works.
Available language codes:
actionscript3
bash
clojure
coldfusion
cpp
csharp
css
delphi
erlang
fsharp
diff
groovy
html
javascript
java
javafx
matlab (keywords only)
objc
perl
php
text
powershell
python
r
ruby
scala
sql
vb
xml
You can also use hilite.me. It doesn't require installation of plugins or JS/CSS files. It's also open-source and has an API.
Disclaimer: I'm the developer.
Crayon Syntax Highlighter is an excellent free plugin. I went with that one, but there are many others I came across that may serve the purpose:
Syntax Highlighter Evolved
Syntax Highlighter MT
WP Prism Syntax Highlighter
Enlighter
There's a <code> html element you can use. Otherwise you could try the Textile or Markdown syntaxes (I'm not sure if WordPress.com uses them). Try it out and use the preview function in WordPress to see when you get it right.
With my Wordpress.org installation, I couldn't get the Accepted Answer here to work (not sure if that's only expected to work with Wordpress.com?)...
I ended up using the SyntaxHighlighter plugin instead.
With that plugin, at first, your code will appear escaped in 'Preview Changes' view: It will appear correctly then after publishing. I think thereafter publishing it will then appear correctly in 'Preview Changes' (not 100% about that).
If you are hosting your own wordpress blog opposed to on WP.com you can get this functionality by installing this plugin, since it is the same plugin that the WP.com code relies on.
http://wordpress.org/extend/plugins/google-syntax-highlighter/
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
so after a long break from it, I've decided to pick up web development again, and I'm having just as much trouble as ever, trying to pull apart and customise these CMSs. I'm getting a bit frustrated with it.
I'm pretty good with HTML and CSS, and can happily build websites that aren't linked to a Content Managment System (HTML, CSS, Javascript), but the complexity of a CMS seems to be too much for me to work with and understand.
I was hoping someone could recommend a dead simple framework for me to work with. Something that's really simple to understand how it works. I like the idea of a Flat File CMS, So far I've looked at Stacey, Grav and Kirby. I'm told these are simple to work with, but I'm still struggling to customise, and make the templates my own.
Ideally, what I'm looking for would be a cms where I could build the site in HTML and CSS and tack-on variables for things like image grids and menus into the HTML. Anyone heard of anything like this?
Cheers.
Self-hosted Wordpress would be my recommendation. As a 10+ year full-time web developer, I've used many CMSs and this one is always my go-to solution these days. I seem to be constantly migrating clients away from other outdated platforms to Wordpress. Or you can use Wordpress.com if you don't want to go the self-hosted route.
If you work well with HTML and CSS you can make any style or markup changes you require. If you haven't used PHP before, you'll have plenty of time to get familiar with it. Once you are comfortable with some basic PHP, you can begin adding whatever functionality you want to your site via a plugin or by placing custom functions in the functions.php file of your theme.
If you haven't built anything with Wordpress yet, or if you aren't comfortable installing it on your webhost manually, you can use a webhost that has Fantastico to auto-install Wordpress for you.
There are tons of mobile-responsive themes out there that you can use as a starting point for your site, many of which are free. It is recommended to use a child-theme for making your customizations. This will prevent a theme update from erasing your changes. If you are going to use a lot of javascript files it is also recommended to register and enqueue them inside the functions.php file.
It may take some time to familiarize yourself with Wordpress, but it should be well worth it.
For more info on all things related to Wordpress, check out the codex:
https://codex.wordpress.org/
There is also a new Wordpress Code Reference:
https://developer.wordpress.org/reference/
And if you run into any specific issues, first search here on Stack Overflow for the answer–it will usually be here already. If you can't find anything on your specific issue, create a new post with the details and someone will usually be happy to assist you.
Good luck!
You can start with Odoo CMS. It was prettier now on version 9, with more feature and flexibility.
You can download the complete source of odoo, and develop it develop it in local before deploy on your server.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I'm looking for static site generator which accepts Markdown documents as input source code.
I used Markdoc, but it looks abandoned. And it doesn't copy static file in source document folder. So I'm installing docpad now. Anyway I want to try other implementations. Can you recommend some nice implementation like that site generator?
http://staticsitegenerators.net is a crowd-sourced definitive listing of all the static site generators, their github stars, their website, their language, created and updated dates, etc.
+1 for DocPad, I've found Jekyll to be quite crippling with it's lack of extensibility (not enough markups supported, difficult to filter documents in content listings based on certain criteria, hard to write extensions, etc...)
You can also take a look at nanoc, which is Ruby based and actively being developed, too.
Cabin is a node.js static site generator powered by Grunt. It currently has three beautiful blogging themes available out of the box. Getting started takes like 45 seconds. Here are the available themes, with links to installing each:
Jekyll is quite mature and actively being developped.
Poole is another one. Conceptually it's something in between plain Markdown to HTML conversion and more sophisticated site generators like Hyde.
Poole uses one global HTML skeleton file to inject the HTML versions of Markdown source pages into. Poole has basic support for generating content by embedding Python code in page source files. This is a dirty merge of content and logic but a pragmatic solution to get things done fast for simple sites. No need to learn a template or preprocessing engine.
Poole may be a good choice if you are familiar with Markdown and Python and if you want to build a rather simple site with only a spot of generated content.
Disclaimer: I'm the developer of Poole.
I recently moved my blog from googlesites to node based Wintersmith. I am fairly impressed with the flexibility and markdown support it provides. Also there are several templates and open source referral websites available on their git repository.
If you are on a mac, I recommend Hammer (http://hammerformac.com/). Supports Markdown and also SASS (with Bourbon), CoffeeScript and HAML.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
What editor or IDE can I use to write html code?
I mean that I write my C++ code in Visual Studio, for example...
so where can I write HTML code?
Have a look at Notepad++ - it's not an IDE but a great editor with syntax highlighting for many languages (such as HTML).
I'm deploying Aptana Studio. Makes a very nice and professional cross-platform developer tool with code hinting not only for (X)HTML but JavaScript/jQuery as well. Very pleased with it.
I can't state the same about Dreamweaver though.
I would suggest using an editor such as Adobe Dreamweaver to begin. However, to answer your question you can write HTML in notepad or any text editor. Simply save the file with a .htm or .html extension, and your file will be executed with any browser.
You can write HTML with any text editor.
But you might want to have a look at Looking for a simple HTML text editor for Windows.
If you want to learn HTML, you should avoid WYSIWYG-editors such as Dreamweaver.
You could use a normal text editor. Powerful editors such as VEDIT have syntax highlighting for HTML and CSS, help entering HTML tags with specific buttons, menu items and snippets, and even have complex functionality for manipulating tables etc.
The advantage of using text editor is that you can use the same tool for all your editing, including programming, so the tool is familiar for you. (However, that may not be your case since you use Visual Studio.)
If you do not use a text editor for other purposes, the best option is to get a dedicated HTML editor, such as HTML Kit. It is a freeware editor specifically created for editing HTML, and it contains lots of useful toos, such as HTML Tidy. But you are still editing the HTML code instead of trying to do "desktop publishing" with WYSIWYG.
More HTML editors can be found from the Wikipedia page Comparison of HTML editors (but that includes WYSIWYG-editors, too).
Read http://www.w3schools.com/html/default.asp for information on HTML
You can write it in whatever texteditor you want, try Aptana Studio for instance. Just save the file with a .HTML or .HTM extension and open the file in you browser.
As Sev says, Dreamweaver is certainly a good tool for beginners.
If you just want to play around in HTML, you can also use an online WYSIWYG editor such as
http://htmledit.squarefree.com/
http://www.online-html-editor.org/
If your goal is to make a website, I would install a CMS such as Wordpress or Joomla. Then you can edit the HTML directly when it is necessary for advanced features, but you don't have to.
You can write HTML in Visual Studio, for example. However, you would usually make a web application in Visual Studio, not just a single HTML page.
I use Notepad to write single HTML pages. It has nothing special that helps you to write HTML, but on the other hand it's as simple as it gets, so nothing gets in your way.
If you write HTML code in Notepad, you have to write everything manually. If you use a software product designed for web development such as Adobe Dreamweaver and MS Expression Web, it will create code for you as you drag and drop controls. You can also look at the code file and edit it when you want.
I do all my web development in gVim. It is hands down the best syntax highlighter/autoindenter I've found, and has tons of little shortcuts that make editing text files very quick.
If you're not doing a ton of development, though, maybe you should just stick to Notepad, as it's something almost everyone is quite familiar with.
Check out w3schools.com for some great tips on getting started with HTML and all the other joyous languages you might want to learn as well.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 9 months ago.
Improve this question
First of all, I do all my coding strictly in code view in Dreamweaver for a good few years now. I could do all my coding in Notepad, but Notepad doesn't have any features. :) I've never thought of changing because I just got used to Dreamweaver over time. But now it's starting to irritate me here and there. I also want to switch to a more lightweight editor.
What I don't like in Dreamweaver is that tabs can't automatically be changed to spaces (very annoying, any solutions are welcome too). It also creates a lot of useless whitespace everywhere.
I love Dreamweaver's automatic auto complete for html and css, this speeds up my coding very much because I don't have to type out every character. I've tried some other editors, but I really miss this feature. Dreamweaver also auto completes css classes from included css files in the header.
Is there any other editor that has similar features? Free or license is fine. I like Sublime Text (http://www.sublimetext.com/).
Thanks!
I went for PhpStorm eventually. Love it!
Notepad++ is the best for Window: http://notepad-plus.sourceforge.net/uk/site.htm
I've came to a solution that, though it's not lighter than Dreamweaver (as you requested), is very robust, works like a charm and was quite a productivity boost!
Check out:
Eclipse + Aptana as a plug-in (how to auto-upload on save)
If you enjoy html markup completion then snippets in Textmate for Mac is amazing. I use it all the time for all my HTML and CSS work. However if you are a windows person I hear E-TextEditor is the best replacement for Textmate. Both require licenses.
You might be interested in HTML-Kit.
Your don't want to use Dreamweaver and you want Dreamweaver theme in other editor which is not load like Dreamweaver then sublime is best for you,
Download sublime from this link and follow this step to apply Dreamweaver in sublime.
Click here to download Dreamweaver Theme Zip File
How to apply colour scheme like Dreamweaver CS5
1. Download zip file from Dreamweaver Theme File Link
2. Extract folder
3. Open sublime and goto "Preferences">"Browser Packages..">"Paste extract folder here"
4. Restart Sublime
5. Select color scheme from sublime, to select color scheme Goto "Preferences">"Color Scheme">"SublimeDreamweaver-master">"SublimeDreamweaver-master">"Dreamviwer"
6. Restart Again your sublime
7. Now open your file to see effect
8. Thanks
Change Font like dreamviwer after apply color scheme of dreamviwer.
1. Goto "Preferences">"Setting - User"
2. Add this line is your setting json, "font_face":"courier new"
3. Save enjoy
Thanks
Microsoft Expression Web. It is not free...
I have tried PHP Designer 7 and it rocks with its features. Most of all, you get autocomplete for methods / variables in PHP classes.
If you use a PC, you could try out VisualStudio express / Visual Web Developer, which is free.
http://www.microsoft.com/express/product/
If your real trouble is tabbing and spacing the you could actualy try to modify those settings at Edit > Preference > Code formatt. this should help.
Once you modify the setting apply it to the page.
or
You could also look at Netbeans is a powerful tool too. Buts its a bit heavy weight.
If you want it only for HTML purpose , then while installing do not install unnecessary modules.
Did you try Stylizer from skybound.ca? I've been using it and you can visually modify the CSS or code it using the side bar. Works pretty good but is not as feature rich as Dreamweaver.
Microsoft Visual Studio Code or Brackets (much less simpler).
Plus appropriate plugins.
Why?
Because you can run terminals in which you can compile your server side code or TypeScript, run NMP or run server auto refresh on code save.
Access git easily.
Have intellisense for bootstrap classes or other frameworks.
Debugger, and more
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I need a WYSIWYG editor Component that I can use in the Delphi application to create the body of the email in HTML.
We've used TRichView just recently to do HTML email functionality and found it quite adequate. We did evaluate WpTools and it does do exactly what we wanted however for our needs it was just too expensive especially when we always try and purchase site licences.
One thing we did find with WpTools is that it did implement a visual component or set of visual components that you could drop onto a form that implement the whole WYSIWYG UI (e.g. toolbars and such). It took a bit longer with TRichView to achieve the same thing.
Regarding conversion from/to html - TRichView can export html natively, however requires third-party libraries to import html which unfortunately (for us) are not commercially backed (i.e. community driven). So we've resorted to storing all content in RichText natively and only when sending the email do we convert it to html. WpTools has the ability to import/export to html natively.
I have been looking for this as well for several years now.
The best solution I found, until now, is WpTools from WpCubed. It's not an exact Html editor, but an advanced word processing component which offers a copy mode to and from html. I am currently working on using this component in my Sitestepper web creation software (in the StepEdit html-editor to offer wysiwyg possibility). I think that certainly for email editing this could be used (although maybe a bit pricy for what you are looking for). I know the author is working an a better exchange to and from html.
But to be honest, I don't think you will find anything if you need a Delphi component.
I used to use HtmlEdit from Purposesoft, but I think this product has got his limitations and it's not fully supported anymore. But maybe for your purpose it's ok.
I've used EmbeddedWB from bsalsa. Basically it is the same as Delphi's TWebBrowser, but you have access to more features of the IE automation object. In the browser I loaded an HTML which looks like:
<html>
<head>
<title>Edit description</title>
</head>
<body contenteditable="true">
</body>
</html>
Marking an element by IE specific attribute "contenteditable", the IE implementation let's you edit the element's inner HTML in a WYSIWYG manner. You can get the content by automation calls (check bsalsa.com to see how to read the edited content). If you get the basics it is pretty simple to create a full blown HTML editor.
Good luck!
My answer using Bsalsa Web Browser Components - very easy complete HTML editor/viewer.
delphi-how-do-i-make-a-basic-wysiwyg-html-editor-using-delphi
If using IE COM based components is not a problem then you can use this free product
http://bsalsa.com/product.html
I have just recently needed a free HTML WYSIWYG editor and I thinks this is the only thing out there. For me it works fine, but I don't need complicated elements. They can be done, but will a little more work.