typed.js как сделать текст редактируемым?

хочу сделать текст как на главной странице https://laracasts.com/
использую для этого библиотеку https://mattboldt.com/demos/typed-js/
вопрос
Как сделать так, чтобы когда я кликаю на текст, анимация печати останавливалась и можно было бы писать свой
вот мой код

<h1>
 <span  class="header-title-accent" id="typed" contenteditable="true" spellcheck="false" > Front-end Developer</span>
</h1>
<script>
              $('document').ready(function(){
                var typed = new Typed('#typed', {
                    strings: ['First ^1000 sentence.', 'Second sentence.'],
                    backSpeed:50,
                    typeSpeed:60,
                    cursorChar: '|||',                       
                });
            });
          </script>