<ul>
<li>
Create new rails app
</li>
<li>
Install following Gems
</li>
</ul>
<div><pre><code>gem 'nokogiri'
gem 'open-uri'
</code></pre></div>
<ul>
<li>Script</li>
</ul>
<div><pre><code>begin
 @doc = Nokogiri::HTML(URI.open(params[:page][:url]).read)
 @summary = @doc.xpath("//*").map(&#x26;:name).each_with_object({}) {|n, r| r[n] = (r[n] || 0) + 1 }
rescue Exception => e
 puts "Couldn't read \"#{ params[:page][:url] }\": #{ e }"
end
</code></pre></div>
<ul>
<li>View</li>
</ul>
<div><pre><code>&#x3C;% @summary.each do |tag, count| %>
 &#x3C;div>
 &#x3C;%= tag %>: &#x3C;%= count %>
 &#x3C;/div>
&#x3C;% end %>
</code></pre></div>
Github Repo: <a href="https://github.com/MA-Ahmad/rails-urltohtml">rails-UrltoHtml</a>
Demo Link: <a href="https://urltohtmlapp.herokuapp.com/">rails-UrltoHtml</a>

<ul>
<li>Create new rails app</li>
<li>Install following Gems 
</li>
</ul>

<div class="highlight js-code-highlight">
<pre class="highlight ruby"><code>gem 'nokogiri'
gem 'open-uri'
</code></pre>
<div class="highlight__panel js-actions-panel">
<div class="highlight__panel-action js-fullscreen-code-action">
 <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>Enter fullscreen mode</title>
 <path d="M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z"></path>
</svg>

 <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-off"><title>Exit fullscreen mode</title>
 <path d="M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z"></path>
</svg>

</div>
</div>
</div>



<ul>
<li>Script
</li>
</ul>

<div class="highlight js-code-highlight">
<pre class="highlight ruby"><code>begin
 @doc = Nokogiri::HTML(URI.open(params[:page][:url]).read)
 @summary = @doc.xpath("//*").map(&amp;:name).each_with_object({}) {|n, r| r[n] = (r[n] || 0) + 1 }
rescue Exception =&gt; e
 puts "Couldn't read \"#{ params[:page][:url] }\": #{ e }"
end
</code></pre>
<div class="highlight__panel js-actions-panel">
<div class="highlight__panel-action js-fullscreen-code-action">
 <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>Enter fullscreen mode</title>
 <path d="M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z"></path>
</svg>

 <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-off"><title>Exit fullscreen mode</title>
 <path d="M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z"></path>
</svg>

</div>
</div>
</div>



<ul>
<li>View
</li>
</ul>

<div class="highlight js-code-highlight">
<pre class="highlight ruby"><code>&lt;% @summary.each do |tag, count| %&gt;
 &lt;div&gt;
 &lt;%= tag %&gt;: &lt;%= count %&gt;
 &lt;/div&gt;
&lt;% end %&gt;
</code></pre>
<div class="highlight__panel js-actions-panel">
<div class="highlight__panel-action js-fullscreen-code-action">
 <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>Enter fullscreen mode</title>
 <path d="M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z"></path>
</svg>

 <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-off"><title>Exit fullscreen mode</title>
 <path d="M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z"></path>
</svg>

</div>
</div>
</div>



Github Repo: <a href="https://github.com/MA-Ahmad/rails-urltohtml">rails-UrltoHtml</a> 
Demo Link: <a href="https://urltohtmlapp.herokuapp.com/">rails-UrltoHtml</a>

* Create new rails app

* Install following Gems
```ruby
gem 'nokogiri'
gem 'open-uri'
```

* Script
```ruby
begin
 @doc = Nokogiri::HTML(URI.open(params[:page][:url]).read)
 @summary = @doc.xpath("//*").map(&:name).each_with_object({}) {|n, r| r[n] = (r[n] || 0) + 1 }
rescue Exception => e
 puts "Couldn't read \"#{ params[:page][:url] }\": #{ e }"
end
```

* View
```ruby
<% @summary.each do |tag, count| %>
 <div>
 <%= tag %>: <%= count %>
 </div>
<% end %>
```

Github Repo: [rails-UrltoHtml](https://github.com/MA-Ahmad/rails-urltohtml)
Demo Link: [rails-UrltoHtml](https://urltohtmlapp.herokuapp.com/)

Create new rails app Install following Gems     gem 'nokogiri' gem 'open-uri'        Enter...

How to count html tags in a web page by using web url