How to print some text on the new line. about typewriterjs HOT 6 CLOSED

Maybe i am wrong, but when i open that jsFiddle above, there are absolutely NO new lines in the result animation.

from typewriterjs.

You can now add HTML tags inside of the strings. So you can add a <br /> tag and it will work like a new line in HTML.

var app = document.getElementById('app');

var typewriter = new Typewriter(app, {
    loop: true
});

typewriter.typeString('<strong>Human: </strong>')
    .typeString('Hello how are you?')
    .pauseFor(2500)
    .typeString('<br/>')
    .typeString('<strong>Bot: </strong>')
    .typeString('I am fine thanks, how are you?')
    .pauseFor(2500)
    .typeString('<br/>')
    .typeString('<strong>Human: </strong> ')
    .typeString('I am great!')
    .pauseFor(2500)
    .start();

See jsfiddle here: https://jsfiddle.net/shbqy0mv/9/
This only works on v2.3.1 and above.

from typewriterjs.

you could write a method newline() that would be chained.

from typewriterjs.

You could use whatever character you need changing this to make a newline:

TypewriterPrototype._convertCharsToHTML = function (chars)
{
	var chars_html_wrap_array = [];
	var char_class_name = this.options.charSpanClassName;
	var chars_array = chars[0];
	for (var i = 0, length = chars_array.length; i < length; i++)
	{
		var char_element = document.createElement('span');
		var char_id = this._generateUniqueID();
		char_element.id = char_id;
		char_element.className = char_class_name + ' typewriter-item-' + i;
		char_element.innerHTML = chars_array[i]=="#"?"<br>":chars_array[i]; //ADDED # to make NEWLINE
		chars_html_wrap_array.push(
		{
			id: char_id,
			el: char_element
		});
	}
	return chars_html_wrap_array;
};

from typewriterjs.

Try it in Chrome

from typewriterjs.

I'm using this in chrome. There are no line breaks. The
are being literally typed out. Has this issue been solved?

Here's a pen: https://codepen.io/newnam/pen/rNBGXPY

from typewriterjs.