I’m trying to develop a simple management system for press releases for my company and one of the requirements for this system is that it has a wysiwyg interface for the content of the press release. The company has four websites and want to put all the press releases in one place and have the four sites pull the necessary data from there. Anyway, the wysiwyg editor is to make it simpler for non-developers to enter the press releases.
So here’s what I’m trying to do. To give it some pizzaz (if it looks good, the boss thinks it is good), I’m trying to use a jQuery modal dialog, populated with jQuery tabs to walk whoever through the process of entering the press release. On the last page, there is an iframe that should be editable using designMode = "on" and exeCommand…
When I just put this iframe in a normal page, it works fine. I can edit things, I can bold them, add italics, blah blah blah… However, when it’s in the dialog, it is not editable. I can’t type in it or anything.
I had the same scenario. The solution is rather simple. The designmode=on property should be set on the IFRAME once you make the IFRAME visible. You cannot even put the iframe in left:-1000px and set “designmode = on”. The IFRAME should be visible within the screen area. So the solution would be to show the IFRAME first and then set the design mode property to ON.