TypeScript

by kingarch

HTML

<link rel="stylesheet" href="//cdn.quilljs.com/1.2.3/quill.core.css">
<link rel="stylesheet" href="//cdn.quilljs.com/1.2.3/quill.snow.css">
<link rel="stylesheet" href="//cdn.quilljs.com/1.2.3/quill.bubble.css">
<script src="//cdn.quilljs.com/1.2.3/quill.core.js"></script>
<script src="//cdn.quilljs.com/1.2.3/quill.js"></script>
<script src="//cdn.quilljs.com/1.2.3/quill.min.js"></script>
<div id="editor">
  <p>here i am</p>
</div>

TypeScript

var toolbarOptions = [
                           ['bold', 'italic', 'underline', 'strike'],        
                           ['blockquote', 'code-block'],

                           [{ 'header': 1 }, { 'header': 2 }],               
                           [{ 'list': 'ordered'}, { 'list': 'bullet' }],
                           [{ 'script': 'sub'}, { 'script': 'super' }],      
                           [{ 'indent': '-1'}, { 'indent': '+1' }],          
                           [{ 'direction': 'rtl' }],                         

                           [{ 'size': ['small', false, 'large', 'huge'] }], 
                           [{ 'header': [1, 2, 3, 4, 5, 6, false] }],

                           [{ 'color': [] }, { 'background': [] }],          
                           [{ 'font': [] }],
                           [{ 'align': [] }],
                           ['link', 'image'], 
                           ['clean']                                         
                         ];

     var editor = new Quill('#editor' , {
       modules: {
         toolbar: toolbarOptions
       },
       theme: 'snow'
     });

function greeter(person: Person) {
  return "Hello, " + person.firstName + " " + person.lastName;
}

let user = {
	firstName: "Malcolm",
  lastName:  "Reynolds"
};

document.querySelector("#app").innerHTML = greeter(user);