Menu
Hi I want to create a (internal or external)html template for data I recieve from an xml request. This is the code I have and it's working 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 that from a file external or internal. For example in template1.html
As you can see it's dynamic (it's data) and I want to keep it that way.
Anyone suggestions on this Thanks in advance,
D.
562
asked Sep 02 '26 02:09
The answer that's using +stringByReplacingOccurencesOfString: with NSMutableString should be using -replaceOccurrencesOfString: instead. Also, NSBundle -pathForResource: returns a path, not the actual contents 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];
//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]]];
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
