将 html 注入 UIWebVeiw

Question

我有一个 UIWebView，我正在尝试向其中注入一些 html 代码。我有一个首先加载的模板文件，然后我想通过元素的 ID 更改元素的内容。

这是我的代码，在 webViewDidFinishLoad: 中：

    NSString *injectDetails = [NSString stringWithFormat:
                         @"document.getElementById('details').innerHTML = \"%@\";", searchResult.details];
    [webView stringByEvaluatingJavaScriptFromString:injectDetails];

我已经通过转义引号进行了尝试，但这也不起作用：

    NSString *injectDetails = [NSString stringWithFormat:
                         @"document.getElementById('details').innerHTML = \"%@\";", [searchResult.details stringByReplacingOccurrencesOfString:@"\"" withString:@"\\\""]];
    [webView stringByEvaluatingJavaScriptFromString:injectDetails];

我注入纯文本，它起作用了。不起作用的 html 是一个很长的字符串，我最初只是使用 [webView loadHTMLString:aDescription baseURL:NULL]; 加载，效果很好。

我需要做什么才能使其与 html 一起工作？

Answer 1

当我尝试向文档头部添加样式时，我遇到了同样的问题。所以我只是用 \\" 转义了所有双配额（在脚本中看起来像 \" ）。参见下面的代码：

NSString *js = @" <style type=\\\"text/css\\\"> * { -webkit-touch-callout: none; -webkit-user-select: none; } </style> ";
[_webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.head.innerHTML = document.head.innerHTML+\"%@\"",js]];

Answer 2

尝试使用以下代码行来实现此目的。

NSString *imagePath = [[NSBundle mainBundle] resourcePath];
imagePath = [imagePath stringByReplacingOccurrencesOfString:@"/" withString:@"//"];
imagePath = [imagePath stringByReplacingOccurrencesOfString:@" " withString:@"%20"];

NSString *HTMLData = @"Hello this is a test<img src="sample.jpg" alt="" width="100" height="100" />";

[webView loadHTMLString:HTMLData baseURL:[NSURL URLWithString: [NSString stringWithFormat:@"file:/%@//",imagePath]]];

1号线
这将获取主包根文件夹的路径。

2号线
我们需要双斜杠才能在 UIWebView 中正常工作，因此我们正在搜索“/”的所有实例并将其替换为“//”

第 3 行
与上面的处理相同，但我们正在搜索一个空格并将其替换为相当于 %20

第 4 行 的 HTML
这是将 UIWebView 的一些示例数据放在一起，您将看到我们已将图像源设置为我们的“sample.jpg”文件，因为它位于根文件夹中，如果它位于名为“images”的文件夹中，我们需要将源设置为“images//sample.jpg”。记住双砍！

5号线
这与我在教程中的示例几乎相同，尽管我们将 baseURL 设置为应用程序包的根目录，这允许我们相对引用所有内容而不是绝对路径。

使用上面的方法你可以做到这一点..如果发生任何问题请告诉我..