luisvinicius167 / ityped Goto Github PK

I've already had this problem, an suggestion is rawgit.

Hi. Is there a possibility to use it on input placeholder?

randomDelay: 100 to make the effect look more like a human typing.

Think of the greatness that will ensue! 🏆

Hi man,
Hope you are doing well :)
Is that possible to tag the releases with semver versioning?
I'm planning to use your library but I'm afraid about none compatibilities issues in the future...
Thanks in advance!

Cheers!

After I place my strings in the specified places per the documentation, when the page is rendered it is doubling the letter for each of the strings in the array. Is this a version issue that might be happening?

I am using in my package.json:
"ityped": "^1.0.3", "react": "^18.2.0",

I saw that you use in the examples in final of README to animate cursor , this:

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

You can use the property animation-direction using the reverse or alternate value , to no need apply the same state of moment 0%at moment 100% .

That it just apply the same effect start's animation.

Is there a cancel method?

I'm using react but if a unmount the view the callback onFinished still active and generate some errors with this.setState react method, because the element is not mounted.

Thanks.

It would be nice to have a feature to wait in between each loop

As I’ve said in my PR, I really liked your lib and thought I could contribute some tweaks.

As I started digging into it, I was struggling to distribute the ideas into concise and intuitive PRs. So, I decided to just write everything and then reach to you to check if you’re interested in seeing and discussing the changes in order to improve the overall result.

I wouldn’t say I’ve finished, but the code does work and it’s got smaller and easier, imho. It is 107 lines long right now.

What do you say?

Se quiser, podemos falar em português pelo FB. Vou deixar um comentário lá no seu post na JavaScript Brasil.

I've entered the startDelay parameter but the delay doesn't seem to be going into effect. Any suggestions would be greatly appreciated - thank you!

While iTyped is printing the string, I can switch to a different tab. However, when I switch back, it seems to be typing a new string without removing the old one. Fortunately, the merged string is removed at the end of the session, but I still don't know how to prevent the merging from occurring.

This may be a dumb question, but what is #element ? What is its purpose or function?

How would I go about using the following in React? Just throw it in a div?

init(`#element`, {
  // required - for now, only accepting texts
    strings: ['Dead simple animated typing.', 'No dependencies'],
    //optional

Also, when I try to paste in the example code, I get ReferenceError: document is not defined

I need to change the strings for a whole new set from time to time. I've tried just to call again the init(), giving the proper parameters, but it didn't work. Then, I tried to call destroy() before reinitialise the component, but no luck!

Any suggestion?

Hello — this is a great tool, but I only need it to type onto the screen, not have the animated removal. Is there anyway to disable the animated back-typing?

was working for me until two days ago now it does not accept more than one string without becoming garbage values.

####请问一下你遇到过这个问题吗

As the provided destroy() only destroys the onFinished function I was wondering how I can properly destroy the entire ityped instance.

Is there a guide on how to use this without using import and the new EcmaScript syntax, or js libraries like webpack? I am just trying to use it as in my HTML

Hello.
First thank you for this useful library, it works fine. I have a suggestion: It would be nice if we have an option to fade out the text when typing is finished as well as deleting it. That would be good.

Interesting, unless I add this line, the browser will throw 'count is not defined':

+    window.count = 0                                                                                                            
      init('#typer', {       ....}

Maybe this is because im using ityped in an vue2 environment?

Thank you for this nice piece of software.

Would it be possible to allow HTML tags in the string array (e. g. for emphasizing or linking)?

This seems to be a handy-on technique:
https://stackoverflow.com/questions/29462305/how-to-create-a-typewriter-effect-in-javascript-that-will-take-into-account-html

Thank you!

I've been browser testing a new website in IE11 (Windows 7) and the animation of the text doesn't start, just the blinking cursor. I've double checked my installation by running your website (https://ityped.surge.sh/) and the same issue can be seen there.

Hey! First of all congratulations for a great tool.

Secondly, I would like to ask/suggest if there's a way I can dinamically change the language of the strings I'm typing (with i18next library) without having coherence problems.

Not issue, but idea.

I think, that an option to delete just some of the letters, not only whole paragraph, would be nice.
For example, "I like apples" is being typed and later only "apples" is removed and replaced with "oranges".

BTW. Nice library

Hello,

Is it possible to make the following work?

strings:['I don\'t want just words.<br/>If that\'s all you have for me, you\'d better go.<br/>F. SCOTT FITZGERALD'],

When I try the above, <br/>s can literally be seen being typed on the page and then once the typing finishes, they go away.

Is it possible to prevent all instances of <br/> from being typed, yet parsed in the HTML?

i.e., simulate the following sequence: animate the typing of a sentence, hit return, another sentence, hit return etc.

what you think about add a boolean to randomize string displayed from array?

What would be the current way to have the text available static rather than array. As search engines won't pickup on array content.

I noticed typed.js uses static strings typed.js static strings for this purpose.

Thanks to awesome ityped !

Do you want to request a feature or report a bug?

feature

What is the current behavior?

When I try to combine the vue directive to ityped, I must get the DOM element CSS Path

What is the expected behavior?

would wonderful If the init function can accept DOM element type.

hello there. very nice project! you got my star. I was wandering if it is possible to add a tag or a class to the strings.
In my unicorn world it would work like this:

window.ityped.init(document.querySelector("#typedTest"),{
strings: ["try this", "and THIS", and this],
loop : false,
disableBackTyping: true
})

thanks a lot

m

I have already setup typing text running fine once on the when i try and run the same command on the same page for second time its doesnot excuete

example fiddle : https://jsfiddle.net/pgksunilkumar/0qq85g51/1/