How to insert text to cursor position?

[mrjunaidali]

Hi All,

its a nice, easy and very light too.

I want o have an option to insert text to cursor position? any help?

Thanks
Junaid

[mrjunaidali]

Dear HackerWins?

Any help on this?

Thanks.
Junaid Ali

[abishekrsrikaanth]

Would like to see how this can be done. Have the same requirement.

[ghost]

I would also like this looked at for issue #354

[mrjunaidali]

any news on it?

[Diabz]

Hi,
this method works for me
http://maxrohde.com/2014/03/28/insert-text-at-caret-position-in-summernote-editor-for-bootstrap/

juste replace "this.substring" with "oldContent.substring"

Dear HackerWins, thanks a lot for your work, if you could add this function to summernote plugin it would be great !!

[ghost]

👍

[baptistedonaux]

👍

[atuttle]

I'm also interested in this feature.

[hackerwins]

@mrjunaidali, @abishekrsrikaanth, @Diabz, @studojunkyard, @baptistedonaux, @atuttle

For now, You can insert text with plugin (develop branch only).

below example plugin link.
https://github.com/HackerWins/summernote/blob/develop/plugin/summernote-ext-hello.js

editor.insertText($editable, 'hello ');

If you access editor instance you can use other editor's functions(insertNode, undo, bold, ...)

https://github.com/HackerWins/summernote/blob/develop/src/js/editing/Editor.js

[atuttle]

@hackerwins: var editor = $.summernote.eventHandler.getEditor();

At first glance it looks like this could be problematic if there are multiple editors on the same page, though I haven't tested it. If that is true, it would be better if there were a $('.editor').data('summernote-editor') or something like that to get the editor instance tied to that specific editor div.

[atuttle]

Is it possible to do text insertion without using the bleeding edge code? How soon do you expect to have it completed and available in master?

[hackerwins]

@atuttle Now v0.6.0 released.
https://github.com/HackerWins/summernote/releases/tag/v0.6.0

[atuttle]

I'll probably get a chance to try it later this week, but I still have my initial question: Is $.summernote.eventHandler.getEditor() going to work (correctly) with multiple summernote editors on the same screen at once?

[mohsinali]

@hackerwins what is '$editable'.

[easylogic]

@mohsinali

$editable is jquery element with contenteditable attribute.

<div class="note-editable" contenteditable="true" style="height: 300px;"></div>

[easylogic]

Please use new summernote api.

refer to http://summernote.org/#/deep-dive

[nsamuels0510]

The new summernote api did not fix #1611, custom drop down does not insert selected list item at cursor position but enters it at the beginning of the editor.

[jimmynguyc]

Use the saveRange and restoreRange methods to restore the selected range.

$('#summernote').summernote('editor.saveRange');

// Editor loses selected range (e.g after blur)

$('#summernote').summernote('editor.restoreRange');
$('#summernote').summernote('editor.focus');
$('#summernote').summernote('editor.insertText', 'This text should appear at the cursor');

Alternatively, you can invoke directly from the context variable

context.invoke('editor.saveRange');

// Editor loses selected range (e.g after blur)

context.invoke('editor.restoreRange');
context.invoke('editor.focus');
context.invoke('editor.insertText', 'This text should appear at the cursor');

It's how the pasteByHook works (

summernote/src/js/base/module/Clipboard.js

Lines 72 to 74 in 24f20fe

	context.invoke('editor.restoreRange');
	context.invoke('editor.focus');
	context.invoke('editor.insertImagesOrCallback', [blob]);

) so I think it's gonna be the idiomatic way.

[Emidomenge]

@jimmynguyc You saved my life ! 👍

[ghanbari]

@jimmynguyc You save my life,
thank you very much 💯

[msqar]

@jimmynguyc hey Jimmy, thanks for the info. But it seems that saveRange and restoreRange aren't working in Safari (Version 11.0.3). Can anyone confirm this?
Is not saving the text range. Firefox and Chrome works fine.

[alegout]

@msqar indeed, I got the same problem. It's not working on safari apparently

EDIT: I was using insertNode, i now use pasteHTML and it's working with safari.

[victorting]

@msqar indeed, I got the same problem. It's not working on safari apparently

EDIT: I was using insertNode, i now use pasteHTML and it's working with safari.

Do you found any solutions?