UIWebView dynamic html for template
Hey. I want to create a (internal or external) html template for the data I receive from an xml request. This is the code I have and it works fine so far:
NSString* desc = [screenData.jsonVars objectForKey:@"descriptionTXT"];
NSString* title = [screenData.jsonVars objectForKey:@"titleTXT"];
NSString* day = [screenData.jsonVars objectForKey:@"dayTXT"];
NSString* month = [screenData.jsonVars objectForKey:@"monthTXT"];
NSString* url = [screenData.jsonVars objectForKey:@"dataURL"];
NSString* htmlContentString = [NSString stringWithFormat:
@"<html>"
"<style type=\"text/css\">"
"body { background-color:transparent; font-family:Marker Felt; font-size:44;color:#fff;}"
"</style>"
"<body>"
"<p style=\"text-align:center;font-size:65px;\">%@</p>"
"<div style=\"color:#ff9900;margin:5px;padding:10px;\">%@ %@</div>"
"<div style=\"color:#000;background:#DBDBDB;margin:5px;padding:10px;\">%@</div>"
"<div style=\"color:#000;background:#ff9900;margin:5px;padding:10px;\"><a href=\"%@\">Go to website</a></div>"
"</body></html>", title, day, month, desc, url];
[BT_debugger showIt:self:[NSString stringWithFormat:@"This is the HTML: %@", htmlContentString]];
[self.webView loadHTMLString:htmlContentString baseURL:nil];
[self.view addSubview:webView];
Now I want to take out the html and read this from an external or internal file. For example in template1.html
As you can see it is dynamic (this is data) and I want to keep it that way.
Any suggestions on this Thanks in advance,
D.
+3
source to share
3 answers
The answer to use +stringByReplacingOccurencesOfString:
with NSMutableString
should be used instead -replaceOccurrencesOfString:
. Also, it NSBundle -pathForResource:
returns the path, not the actual content of the file. Here's an example that works:
Template
<!-- template.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<style type="text/css">
body{
font-family:"Helvetica Neue UltraLight",helvetica,verdana;
margin-left:0;
margin-right:0;
}
section{
padding-left:5px;
padding-right:5px;
font-size:12px;
}
h1{
font-size: 16px;
padding-left:5px;
}
img{
display: block;
/* 4:3 dimensions */
width: 220px;
height:165px;
}
</style>
</head>
<body>
<h1>[[[name]]]</h1>
<img src="[[[image]]]" alt="" />
<section>
<p>[[[full_description]]]</p>
</section>
</body>
</html>
code
// load the template
NSString *path = [[NSBundle mainBundle] pathForResource:@"template" ofType:@"html"];
NSString *template = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
NSMutableString *html = [NSMutableString stringWithString:template];
// make substitutions
[html replaceOccurrencesOfString:@"[[[name]]]" withString:self.building.name options:NSLiteralSearch range:NSMakeRange(0, html.length)];
[html replaceOccurrencesOfString:@"[[[image]]]" withString:self.building.image options:NSLiteralSearch range:NSMakeRange(0, html.length)];
[html replaceOccurrencesOfString:@"[[[full_description]]]" withString:self.building.fulldescription options:NSLiteralSearch range:NSMakeRange(0, html.length)];
// load html string into webView
[self.webview loadHTMLString:html baseURL:nil];
+6
source to share
//set local path for file
NSString *filePath = [NSString stringWithFormat:@"%@/%@",
[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) objectAtIndex:0],
@"myTemplate.html"];
//convert htmlContentString to raw data
NSData *data = [htmlContentString dataUsingEncoding:NSUTF8StringEncoding];
//write data to file
[data writeToFile:filePath atomically:YES];
//display file in webview
[myWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString: filePath]]];
+1
source to share
template.html
<html>
<head>
</head>
<body>
<div>[[[desc]]]</div>
<div>[[[title]]]</div>
<div>[[[day]]]</div>
</body>
</html>
Code
NSString *desc = @"descriptionText";
NSString *title = @"titleText";
NSString *day = @"dayText";
NSString *templateString = [[NSBundle mainBundle] pathForResource:@"template" ofType:@"html"];
NSMutableString *htmlContentString = [[NSMutableString alloc] initWithString:templateString];
[htmlContentString stringByReplacingOccurrencesOfString:@"[[[desc]]]" withString:desc];
[htmlContentString stringByReplacingOccurrencesOfString:@"[[[title]]]" withString:title];
[htmlContentString stringByReplacingOccurrencesOfString:@"[[[day]]]" withString:day];
[self.webView loadHTMLString:htmlContentString baseURL:nil];
[htmlContentString release];
[self.view addSubview:webView];
+1
source to share