Clean-up Chrome Apps codelab.

chrome/common/extensions/docs/templates/articles/app_codelab_webview.html

 <h1 id="add-webview">
   <span class="h1-step">Step 4:</span>
   Open External Links With a Webview
 </h1>
 
 <p class="note">
   <strong>Want to start fresh from here?</strong>
   Find the previous step's code in the <a href="https://github.com/mangini/io13-codelab/archive/master.zip">reference code zip</a> under <strong><em>cheat_code > solution_for_step3</strong></em>.
 </p>
 
@@ skipping 14 matching lines @@
 <p>Some applications need to present external web content directly to the user but 
 keep them inside the application experience. For example, a news aggregator 
 might want to embed the news from external sites with all the formatting, images, 
 and behavior of the original site. For these and other usages, Chrome Apps have 
 a custom HTML tag called <a href="/apps/tags/webview">webview</a>.</p>
 
 <figure>
   <img src="{{static}}/images/app_codelab/webview-example.png" alt="The Todo app using a webview">
 </figure>
 
-<p class="note">A webview is a sandboxed process. For example, the enclosing Chrome App
-(also known as the "embedder page") cannot easily access the webview's loaded DOM.
+<p class="note"><strong>Webviews are sandboxed processes:</strong>
+The enclosing Chrome App (also known as the "embedder page")
+cannot easily access the webview's loaded DOM.
 You can only interact with the webview using its API.</p>
 
 <h2 id="implement-webview">Implement the webview tag</h2>
 
-<p>Let's update our Todo app to search for URLs in the todo item text
-in order to create a hyperlink. The link, when clicked, will open a new Chrome App window
+<p>Update the Todo app to search for URLs in the todo item text and create a hyperlink.
+The link, when clicked, opens a new Chrome App window
 (not a browser tab) with a webview presenting the content.</p>
 
 <h3 id="update-permissions">Update permissions</h3>
 
 <p>In <strong><em>manifest.json</em></strong>, request the <code>webview</code> permission:</p>
 
 <pre data-filename="manifest.json">
 "permissions": ["storage", "alarms", "notifications"<b>, "webview"</b>],
 </pre>
 
@@ skipping 26 matching lines @@
   <b>Controller.prototype._parseForURLs = function (text) {</b>
   <b>  var re = /(https?:\/\/[^\s"&lt;&gt;,]+)/g;</b>
   <b>  return text.replace(re, '&lt;a href="$1" data-src="$1"&gt;$1&lt;/a&gt;');</b>
   <b>};</b>
 
   // Export to window
   window.app.Controller = Controller;
 })(window);
 </pre>
 
-<p>Whenever a string starting with "http://" or "https://" is found, a HTML anchor tag will be created to wrap around the URL.</p>
+<p>Whenever a string starting with "http://" or "https://" is found, a HTML anchor tag is created to wrap around the URL.</p>
 
 <h3 id="render-links">Render hyperlinks in the todo list</h3>
 
 <p>Find <code>showAll()</code> in <em>controller.js</em>. Update <code>showAll()</code>
-to parse for links by using the <code>_parseForURLs()</code> method that we added previously:</p>
+to parse for links by using the <code>_parseForURLs()</code> method added previously:</p>
 
 <pre data-filename="controller.js">
 /**
  * An event to fire on load. Will get all items and display them in the
  * todo-list
  */
 Controller.prototype.showAll = function () {
   this.model.read(function (data) {
     <strike>this.$todoList.innerHTML = this.view.show(data);</strike>
     <b>this.$todoList.innerHTML = this._parseForURLs(this.view.show(data));</b>
@@ skipping 52 matching lines @@
   // ORM. If this were a real DB this would save a lot of time and would avoid
   // a spinner gif.
   <strike>input.value = label.innerHTML;</strike>
   <b>input.value = label.innerText;</b>
   ...
 }
 </pre>
 
 <h3 id="open-webview">Open new window containing webview</h3>
 
-<p>Add a <code>_doShowUrl()</code> method to <em>controller.js</em>. This method will open a new Chrome App window
+<p>Add a <code>_doShowUrl()</code> method to <em>controller.js</em>. This method opens a new Chrome App window
 via <a href="/apps/app_window.html#method-create">chrome.app.window.create()</a>
 with <em>webview.html</em> as the window source:</p>
 
 <pre data-filename="controller.js">
   Controller.prototype._parseForURLs = function (text) {
     var re = /(https?:\/\/[^\s"&lt;&gt;,]+)/g;
     return text.replace(re, '&lt;a href="$1" data-src="$1"&gt;$1&lt;/a&gt;');
   };
 
   <b>Controller.prototype._doShowUrl = function(e) {</b>
@@ skipping 48 matching lines @@
 
 <h2 id="launch">Launch your finished Todo app</h2>
 
 <p>You are done Step 4! If you reload your app and add a todo item with a full URL
 starting with http:// or https://, you should see something like this:</p>
 
 <figure>
   <img src="{{static}}/images/app_codelab/step4-completed.gif" alt="The Todo app with webview"/>
 </figure>
 
-<h2 id="recap">Recap APIs referenced in this step</h2>
+<h2 id="recap">For more information</h2>
 
 <p>For more detailed information about some of the APIs introduced in this step, refer to:</p>
 
 <ul>
   <li>
     <a href="/apps/declare_permissions" title="Read 'Declare Permissions' in the Chrome developer docs">Declare Permissions</a>
     <a href="#update-permissions" class="anchor-link-icon" title="This feature mentioned in 'Update app permissions'">&#8593;</a>
   </li>
   <li>
     <a href="/apps/tags/webview" title="Read '&lt;webview&gt; Tag' in the Chrome developer docs">&lt;webview&gt; Tag</a>
     <a href="#overview" class="anchor-link-icon" title="This feature mentioned in 'Learn about the webview tag'">&#8593;</a>
-    <a href="#create-webview" class="anchor-link-icon" title="This feature mentioned in 'Create a webview embedder page'">&#8593;</a>
   </li>
   <li>
     <a href="/apps/app_window.html#method-create" title="Read 'chrome.app.window.create()' in the Chrome developer docs">chrome.app.window.create()</a>
     <a href="#open-webview" class="anchor-link-icon" title="This feature mentioned in 'Open new window containing webview'">&#8593;</a>
   </li>
-  <li>
-    <a href="/apps/tags/webview#tag" title="Read '&lt;webview&gt; Tag attributes' in the Chrome developer docs">&lt;webview&gt; Tag attributes</a>
-    <a href="#open-webview" class="anchor-link-icon" title="This feature mentioned in 'Open new window containing webview'">&#8593;</a>
-  </li>
 
 </ul>
 
 <p>Ready to continue onto the next step? Go to <a href="app_codelab_images.html">Step 5 - Add images from the web &raquo;</a></p>