Get HTML

Get CSS

Get JS

Fetch meta tags from url

519 24 November 2019

No Description Available

Abhishek Singh

~ onex

Fetch meta title and description of html webpage using javascript.

Related Elements

9436
1
0

Why Choose us Four Column

onex

9026
1
0

This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.

Dynamically Create Form fields

onex

8523
1
0

Slick marquee slider - manage HTML marquee with slick javascript library.

Slick Carousel Marquee Demo

onex

6426
12
0

Grid service list with lighten

onex

6280
1
0

Tesseract js demo scan text over the image by just doing small amounts of code.

Tesseract Js demo

onex

5872
0
0

Cropperjs is a feature-rich pure javascript library for cropping image. using this you can able to able to provide image cropping to the client-side.

client-side image cropping by

onex

<section class="mt-5">
    <div class="container">
        <div class="card">
            <div class="card-body">
                <div class="form-row">
                    <div class="col-md-6 cil-xs-12">
                        <div class="alert alert-danger" style="display:none"></div>
                        <form class="adp-form">
                          <div class="form-row align-items-center">
                            <div class="col-auto">
                            <div class="input-group mb-2">
                               <div class="input-group-prepend">
                                  <div class="input-group-text"><i class="fab fa-html5"></i></div>
                                </div>
                              <input type="file" class="btn btn-light btn-sm form-control" id="file" placeholder="Jane Doe">
                            </div>
                            </div>
                            or&nbsp;
                            <div class="col-auto">
                             
                              <div class="input-group mb-2">
                                <div class="input-group-prepend">
                                  <div class="input-group-text"><i class="fas fa-link"></i></div>
                                </div>
                                <input type="text" class="form-control" id="text" value="https://" placeholder="Enter Url of image ...">
                              </div>
                            </div>
                            <div class="col-auto">
                              <button type="submit" class="btn btn-primary mb-2">Submit</button>
                            </div>
                          </div>
                        </form>
                    <div class="adp-img"></div>
                    </div>
                    <div class="col-md-6 cil-xs-12">
                    <div style="display:none">
                        <div class="progress mt-2 mb-2">
                       <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                        </div>
                        <p class="status"></p>
                        </div>
                        <h2>Result</h2>
                    <div class="table-responsive">
                      <p id="res">Text will shown here.....</p>
                      <table class="table table-hover table-striped result"></table></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Get HTML

Get CSS

Get JS

Fetch meta tags from url

Abhishek Singh

Related Elements

Why Choose us Four Column

Dynamically Create Form fields

Slick Carousel Marquee Demo

Grid service list with lighten

Tesseract Js demo

client-side image cropping by

Resourse

Log in