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
Anyone know of a way to have a split screen view in Notepad++ where I can be editing my HTML / CSS in one pane/tab and be seeing the Live Preview of what it would look like in a browser in another tab/pane?
Ideally, this would be:
in Notepad++ itself (using native panes/tabs as described above)
the user could configure whatever browser rendering engine (Chrome, FF, IE, etc...) they wanted to view the preview in
However, I could live with any variation of the two above, e.g. simply integrated with RubyMine using external windows/browsers, or maybe, the preview only available with limited rendering engines (only Chrome let's say).
The plugin Preview HTML is the closest match to what your are looking for.
Go to the Plugins menu and then find the Preview HTML entry to install it. Its description is: Preview HTML files inside Notepad++ (or in a floating window) without having to save them first. The latest update now refreshes the preview automatically after switching tabs, or whenever the document is changed.
More information in the official website.
I think you're looking for it，the"Preview HTML".
this is the Introduction：http://chiselapp.com/user/vor0nwe/repository/npp_preview/home
Well this is now 8! years old. But I'd thought I'd chime in. The author of the plug in is no longer updating it, and, at least in my machine, it's not working anymore. 1
The plug-in author's suggestion would be to use a more modern text editor (like Visual Studio Code) and use one of the extensions. (Live Preview)
I know programs such as Webstorm JetBrains 6.0.1 can do this, you will have to download the chrome extension also. If not, then you can always use Codeacademy.com as an alternative and type code into there editor. It still works. :/
Just came across this post.
Years ago had been interested in Notepad++ but found it too limited as wanted it to be more of a wysiwyg type interface and not just text. Plus, would be awesome to be able to have sortable tables inside notes. The closest I've found to do these things are PIM tools such as OneNote or EssentialPIM.
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 3 years ago.
Improve this question
Is there any kind of decent program for html/css that lets you build a website visually? I'm thinking something more along the lines of adobe illustrator or google docs, that lets you put content onto a page and drag things to where you need them to be, but spits out html code when you're done. Something like google web designer but more flushed out and functional, as it's still in beta and has a long way to go. Also, what are these kinds of programs called? (originally thought they where WYSIWYGs )
Try wordpress, easiest way to achieve what you've said, then you can drag and drop and design the website like you said. WYSIWYG changes textarea to a text editor, Tinymce is one of them, not what you want. What you want is called Content Management System(CMS), wordpress is one of them, you can see a list of CMSs in the article.
A far more economical drag-and-drop HTML builder tool is Bootstrap Studio.
This is naturally linked to the Bootstrap library and jQuery. But you can just use it to get a flavour of what you want to design.
Then write your own html/css/js code for the final site.
In fact you can use Bootstrap Studio to build a non-Bootstrap site and make use of its features like designing for different device screen widths.
$29 for a year's use, $60 for perpetual use.
https://html-online.com/editor/ free and easy: copy your html inside, edit, copy back to studio.
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
I have read about extensions which allows us to edit and make changes to live website and see how it looks. This is specifically for user interface designing. But some how i am not able to find that plugin. Can anyone tell me how i will edit a live page of anywebsite
Firebug Addon for Firefox
Developer Tools in Chrome (accessed through Spanner -> Tools -> Developer Tools)
Both allow you to modify CSS and HTML content on a live webpage and instantly see the effects.
You can do this with Google Chrome easily: http://code.google.com/chrome/devtools/ There are other options as well (Firebug: http://getfirebug.com/)
A quick crash course using Chrome:
Ctrl + Shift + I brings up the developer tools (or use J instead of I to go straight to the command line). Alternatively, you can right-click anywhere on a page and click Inspect Element.
On the right hand side you can see style information. Uncheck boxes to disable things. Double-click items to edit them. The changes take place right before your eyes!
The command line is a big help for editing/debugging javascript as well (check out the buttons at the lower left).
That should be enough to get you started. Good luck!
There are some websites designed for A/B testing that let you do this:
https://optimizely.appspot.com/
http://www.reedge.com/
Just enter your website URL and it will take you to a visual editor where you can modify the page with drag-and-drop.
Firebug is what you're looking for (for Firefox).
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Is there any way to render a PDF from a HTML doc styled with CSS3 Generated Content for Paged Media?
If there is not an application like that, what can I use as a base to build such a converter?
Thanks
They only application I know of that can possibly convert HTML/CSS3 to good quality PDF is PrinceXML. (And it is my impression, that Google licensed and utilizes their code somehow in GoogleDocs for PDF export.)
However, this is a commercial application, and I think it comes with a hefty price tag.
One of it's leading lights is Håkon Lie, who is also behind all the technical achievements of the Opera web browser.
Here is a 2 years old Google Tech Talks video where Lie outlines some of the technologie behind PrinceXML:
http://www.youtube.com/watch?v=vcXUrNSvjhU
wkhtmltopdf should handle this very nicely.
http://code.google.com/p/wkhtmltopdf/
Searching the web, I have found
several command line tools that allow
you to convert a HTML-document to a
PDF-document, however they all seem to
use their own, and rather incomplete
rendering engine, resulting in poor
quality. Recently QT 4.4 was released
with a WebKit widget (WebKit is the
engine of Apples Safari, which is a
fork of the KDE KHtml), and making a
good tool became very easy.good tool became very easy.
DOMPDF is an open source PHP project to convert HTML to PDF documents, but it doesn't support CSS3 generated content, but the project is very active. You are welcome to participate !
It's CSS 2.1 support is pretty good, and a few CSS3 properties have been added recently in the SVN trunk.
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've found wkhtmltopdf, which looks good on the surface and works fine in very small cases, but it doesn't provide any real css control over the rendering.
By that I mean it doesn't use the print media type and page breaks are not respected, as well, on windows you can't control the names of some header/footer variables, or generate a TOC off of teh h1 tags.
Are there any real open source alternatives, I've tried xhtml2pdf which is a python library actually called pisa, but it requires reportlab which doesn't play nice windows.
I'm actually programming in .net but if its good and open source, the language isn't a huge issue.
This is an old stackoverflow question, but because google took me here, it could be helpful for somebody else.
Weasyprint should support what the author was looking for.
It supports print css features like page break.
Try weasyprint
It turns out there was no open source alternative that was simpler, but on windows wkhtmltopdf is just not the best thing, so we paid for a better solution.
Winnovative's PDF library is what we used
While it is not open-source, I use ABCPDF. I have a template page in .NET that I use for a wrapper to set up a custom stylesheet for generating PDFs only.
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
Before I upgraded to Firefox 3 I used to constantly use the View Source Chart Firefox Addon which shows the source HTML in a very organized, graphical form. Unfortunately, this addon is only for Firefox 2 and the beta version for Firefox 3 now costs $10 on the author's site.
Anyone know of a similar addon that works for Firefox 3?
(of course, I might indeed pay $10 for this, but first want to ask around if there isn't anything better and free, as the version for Firefox 2 had its limitations and I don't really want to pay $10 for something in beta that I can't test out before paying for it.)
Is Firebug not sufficient?
You can try to use Nightly Tester Tools It overrides addons compatibility check. Using this tool I managed to bring all of my fav extensions from FF2 to FF3
View formatted source is kinda similar. It uses tree controls rather than pretty colour blocks, though.
Try Chris Pederick's Web Developer Toolbar.
You could always try Firefug. It sounds like it does a similar thing, plus more :)
i had the same problem...
you can use the free version (2.5.0503)...it's compatible with firefox3 and it's work.
on the web site it's write that it's not with full functionality but i don't know whitch functionality there aren't.