Dynamically Viewing of HTML Code and Design in Jquery

Question

0.00/5 (No votes)

See more:

Hi,

thanks in Advance,

I have been tasked for Dynamically Viewing of HTML Code and Design in Jquery (Like in our Asp.Net IDE we have Design and Code view). I want to develop this in Asp.net with C# and JqueryUI. Please help me....

Posted 1-Jan-12 23:37pm

AnilJayanti

Add a Solution

Comments

Ankur^\m/ 2-Jan-12 5:44am

We can help with "specific" issues, not your whole task.
You need to start yourself. Do some research on the topic - Google. See what's already available. Create a design and then you can show that to people here and ask what you are doing is a correct way to go or if there are better ways available.
Thank you for understanding.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**AmitGajjar** · Answer 1 · 2012-01-02T01:02:00

Hi,

here is some basic idea, this may help you,

1) once you create any html file store it on server folder.
2) you can use System.IO to read file content and display it in any WYSIWYG(What you see is what you get).
3) you can use iFrame or WYSIWYG control to view as html page.

Or

you can purchase this paid Teleric Editor or FCK Editor

Thanks
-Amit.

vino2012 · Answer 2 · 2012-01-02T01:09:00

C#

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index Page</title>

<script type="text/javascript">

function page_load()
{
	var html_val=document.getElementById("text_area_id").value;	
	var iframe = document.getElementById('frame_1');
        var doc = iframe.contentDocument || iframe.contentWindow.document;
        doc.body.innerHTML = html_val;	
}

</script>

</head>
<body  önload="page_load();">
<div style="float:left; width:50%;">
<textarea id="text_area_id" style="width:500px; height:400px; overflow:visible;">

<h1 style="color:#66FFFF;">hello</h1>

<p style="color:#CC0066;">Its a test</p>

</textarea>
<br />
<br />
<br />
<br />
<br />
<button  önclick="page_load();">Click it to execute output</button>
</div>

<div style="float:right; width:50%;">
<iframe id="frame_1" style="width:100%; height:400px;">
<html>
<head>

</head>
<body>

</body>
</html>
</iframe>

</div>


</body>

</html>

Dynamically Viewing of HTML Code and Design in Jquery

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0