How to show users the code of a website? [closed] - html

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 am trying to make a series of projects where I have users edit content of a website, but I'd like to show them the code that's being edited in real time. Similar to jsFiddle, or more similar to the way you can edit code in Tumblr themes. However, I don't want them to be able to edit any of the code, just see it.
Any ideas, tools, languages, etc, I could use for this?
Thank you!

Found an interesting way to do it, by pushing the HTML into a TextArea element, the entities will automatically be decoded:
var escape = document.createElement('textarea');
function escapeHTML(html) {
escape.innerHTML = html;
return escape.innerHTML;
}
document.write(escapeHTML('<html>'+document.documentElement.innerHTML+'</html>'));
http://jsfiddle.net/n25tD/
You may also find the contenteditable attribute interesting for teaching them.

Related

Tool to check for unused CSS [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a book, tool, software library, tutorial or other 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 8 years ago.
Improve this question
Is there a tool to check for unused CSS tags in a CSS file?
The reason I am asking is that I have a lot of old/unused tags in my CSS file. I have a website I have been running for a while and have updated the pages many time, so old CSS tags remains there.
I would like a tool that check for all tags found ina page and cross check with the one in CSS file, and let me know all tags that were unused so I could simply delete them from my CSS file to make it smaller.
You can use chrome developer tools,refer following.
http://www.labnol.org/internet/remove-unused-css/28635/
You can use this node.js tool to find unused css: http://davidwalsh.name/uncss for tutorial or https://github.com/giakki/uncss for github

A program to edit html/css website? [closed]

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 to edit a simple html/css template into something that I want.
My only problem is that I'm not good enough with html/css to be able to layout everything fine regardless of the screen size and browser.
So I was wondering what is a good program which can help he edit this html.
I was thinking something that kind of takes the html and css as input and I can just delete certain elements or add things and it automatically creates the correct html for it.
Any Suggestions?
(I don't mind if its paid or free)
Dreamweaver is good.
You could also use Firebug in Firefox and see what the html does and delete the html from a simple html editor program.

What program can create this? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
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.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Improve this question
Hello I want to know what program can create something like this?
Business cards editor
I already tried searching in google but couldn't find nothing or dind't know how to search for it. Any help would be appreciated.
I AM NOT TRYING TO STEAL CODE OR COPY AND PASTE CODE. HAD SOME NEGATIVE VOTES EARLIER FOR ASKING FOR SOME TUTORIALS. PLEASE I JUST NEED SOME HELP
I came to this website to ask because didn't know where else to go thank you.
Right click on the application in the browser you'll see it's written with adobe flash

HTML editor for iOS [closed]

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
Can someone suggest any native iOS component for editing HTML?
I couldn't find any googling.
Textastic maybe? You'd better search iTunes for related applications and choose yourself.
You might look at TinyMCE or CKEditor. Both are Javascript editors for creating HTML.
Solution here is to create custom JS HTML editor adopted to the touch screen.
I found this tool, its a full featured Html editor like frontpage. https://itunes.apple.com/us/app/a-real-html-editor/id732000017?mt=8

Moving CSS declarations inline - coding e-newsletters [closed]

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 8 years ago.
Improve this question
Do you know of any tools that can take a set of CSS styles and move them inline to the appropriate HTML tags?
Many email clients don't read the <style> declarations, which is why the email-marketing tool I use (Campaign Monitor) does this as part of their import functionality.
I'm now working with other software and would like to be able to do this with a 3rd party tool. I could always code directly with inline style declarations but this can get very messy.
So, does anyone know of such tool?
Here ya go.
http://premailer.dialect.ca/