Insert an img at range

[Christian Grobmeier]

Hi,

I am working on a plugin for Hallo.js which should insert an image where the current selection is.

First off, I apologize for the following code snippets, they are in CoffeeScript. I am willing to convert them to JS if necessary, but I think the code can be understood without doing that.

I have tried it with:

document.execCommand "insertImage", null, source

This didn't work.

Meanwhile I do something like that:

txtNode = document.createTextNode("Hello. This is a new node.")

range.insertNode(txtNode)

which actually does work. It inserts a new text node to the right place.

This doesn't work:

link = document.createElement('a')

link.setAttribute('href', 'mypage.htm')

range.insertNode(a)

...and it also doesn't work with an image.

There is simply no new dom element appearing.

Any ideas whats going on?

I have tried rangy 1.2.x and the current development version

Thanks!

Christian

[Tim Down]

Works for me: http://jsfiddle.net/7yFh5/

Have you got an example page?

Tim

Christian

--
You received this message because you are subscribed to the Google Groups "rangy" group.
To unsubscribe from this group and stop receiving emails from it, send an email to rangy+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Christian Grobmeier]

Hello Tim,

sorry for my delayed answer. I didn't see your mail thanks to gmails
new tab-feature.
Anyway I have meanwhile solved my problem. I lost the selection focus
because Hallo
opens a context window. Therefore I had to store the selection and
operate on that.

If you are interested, here is some code. Image is inserted at the end
of the file using jQuery:
https://github.com/grobmeier/hallo/blob/master/src/plugins/image_insert_url.coffee
(unfortunately CoffeeScript, so sorry)

Thanks!
Cheers
Christian

--
http://www.grobmeier.de
https://www.timeandbill.de