I have a requirement to detect and generate hyperlinks when the user keys in a url into the editor when not using Internet Explorer. Internet Explorer already has this inbuilt function to automatically convert hyperlinks, but firefox and other browsers don't.
Using the linkifyjs plugin from soapbox I'm able to get this done easily via the keyup event in Editor (calling the linkify html function on the entire editor.value() html whenever the user types in a letter), but there is a problem, anything the user types after the url becomes part of the url text. It's like the cursor gets permanently stuck in the text part of the url <a href="some.url.com">I think this is where the cursor is stuck in</a>
1) Is there a method to call to exit the hyperlink and put the cursor gracefully after </a>?
2) I tried adding an at the back of the editor.value() to try to re-position the cursor, but it seems the editor strips it automatically, why is that the case?
3) Is there a better way to do this?
5 Answers, 1 is accepted
Kendo Editor provides automatic link generation similar to the IE's one. You can see this demonstration here: http://screencast.com/t/ozjzi8Mbz4. I suggest you to use the built-in one instead of the logic with the linkifyjs.
Regards,
Ianko
Telerik by Progress
Rank 1
Hi Ianko, thanks for the screencast again. Unfortunately, it doesn't work in firefox. I've tried chrome and IE, it works fine, but in firefox, nothing happens. Please see the screen cast here.
Indeed, this is a bug only for Firefox. I have logged it in our backlog and you can monitor it via this Github issue: https://github.com/telerik/kendo-ui-core/issues/1933.
For the time being only the Enter key will properly produce the links generated from the auto-link feature.
Regards,
Ianko
Telerik by Progress
Rank 1
Hello Wes,
If you need to test out the autolink feature, you can use the online demo: http://demos.telerik.com/kendo-ui/editor/index. Basically, type a link and press space or enter (check out the gif attached).
Ianko
Telerik by Progress