insertHTML & insertImage don't work before editor is clicked about wysihtml5

[tiff]

Thanks. Will look into this.

[codingwithoutcomments]

Did anyone find a work around for this? Blocking issue.

[codingwithoutcomments]

Another Question: anyway to automate the clicking of the iframe contentEditable area?

[tiff]

I think this could work:

editor.focus();
editor.composer.commands.exec("insertHTML", "foobar")

I'll make sure that it works without having to focus it manually.

[codingwithoutcomments]

This works! Thanks so much!

[codingwithoutcomments]

Correction, doesn't work on firefox. Just works in Chrome :(

[raldred]

No problems in IE,Firefox,Chrome for me.
I'm using the following:

editor.currentView.element.focus();
editor.composer.commands.exec("insertImage", {"src":src,"alt":alt_text});

[Petah]

I thought execCommand had extreme cross browser differences. Is it the best way to go, why could you not detect the selection and then insert HTML via different, fully supported, methods?

Raptor Editor (http://www.raptor-editor.com/) tries to avoid execCommand as much as possible.

[tiff]

@Petah I'm aware of the browser differences and documented some of them in a separate repository (https://github.com/tiff/wysihtml5-tests). That's why wysihtml5 is hardly using native execCommand. Instead it relies heavily on the selection api to do formatting.

@codingwithoutcomments Did you somehow managed to get it working in Firefox?

[raldred]

Hi David, wysihtml5 hardly uses the native execCommand, it mostly
implements its own. much like the alternative editor you suggested.

On 1 June 2012 12:19, David Neilsen
[email protected]
wrote:

I thought execCommand had extreme cross browser differences. Is it the best way to go, why could you not detect the selection and then insert HTML via different, fully supported, methods?

Raptor Editor (http://www.raptor-editor.com/) tries to avoid execCommand as much as possible.

---

Reply to this email directly or view it on GitHub:
#50 (comment)

[tiff]

@raldred Looks like someone had a deep look into the code. :) Awesome.

[Petah]

Loving your work, keep it up!

[raldred]

@tiff heh, been working on integrating into my jquery mobile app (aimed at desktop browsers), been spending a bit of time reading the code learning how it all works so i can wire up custom dialogs for uploading images and other things.

Really impressed and very grateful for your hardwork.
If you're interesting how im using wysihtml5 & what im doing, heres a couple of shots.

https://docs.google.com/open?id=0B5i-3K7ouEzeN2wzenhicmxKcnc
https://docs.google.com/open?id=0B5i-3K7ouEzeb1gxTWZJTW0zdzg

(btw probably good to close this ticket now)

[codingwithoutcomments]

@tiff got it to work in ff! thanks!

[tiff]

@codingwithoutcomments Thanks. I'm closing this one.
@raldred looks awesome. Be aware that there might be still some issues with iOS. (#62)

[LanFeusT23]

FYI this is happening to me on wysihtml5-0.3.0.min.js I'm unable to use insertHTML when using Firefox, as the .focus() won't ever focus in IE.

I've tried:
editor.focus();
document.getElementById("editorId").focus();
$("editorId").focus();
editor.currentView.element.focus();

none of the above work, works fine in Chrome and IE with the default editor.focus() though.

[digitaldevelopmentrevolution]

$('#CommentTextArea'+PostID).data("wysihtml5").editor.focus();