Pen inspired on https://codepen.io/dhanishgajjar/pen/NyeqvL by @dhanishgajjar
A Pen by Luis Adame on CodePen.
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<title>HTML to PDF 2 - techumber | |
</title> | |
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.12.0/semantic.min.css" /> | |
</head> | |
<body> |
<div class="container-fluid"> | |
<h1>Summernote.js <small>WYSIWYG Editor</small></h1> | |
<small>with bootstrap 3</small> | |
<div class="row"> | |
<div class="col-xs-12"> | |
<textarea name="" id="ta-1" cols="30" rows="30"></textarea> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-xs-12 text-right"> |
<div class="container-fluid"> | |
<h1>Summernote.js <small>WYSIWYG Editor</small></h1> | |
<small>with bootstrap 3</small> | |
<div class="row"> | |
<div class="col-xs-12"> | |
<textarea name="" id="ta-1" cols="30" rows="30"></textarea> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-xs-12 text-right"> |
<div class="container border border-primary"> | |
<div class="text-right my-3"> | |
<button class="btn btn-info" id="getHTML" get-data="editor-1">Get HTML</button> | |
</div> | |
<div class="row align-items-center justify-content-center"> | |
<div class="col-md-12 col-lg-8"> | |
<div class="editor" id="editor-1"> | |
<div class="toolbar"> | |
<a href="#" data-command='undo' data-toggle="tooltip" data-placement="top" title="Undo"><i class='fa fa-undo'></i></a> | |
<a href="#" data-command='redo' data-toggle="tooltip" data-placement="top" title="Redo"><i class='fa fa-redo '></i></a> |