Re: TinyMCE in ModalWindow
i know that TinyMCE can only work in page , can this help you. 2010/10/19 Brad Grier brad.gr...@salusnovus.com I've implemented TinyMCE in my app and all is well with one exception. I can't get it to work in a ModalWindow (TinyMCE works the first time but subsequently opens in an blank, uneditable state). Someone suggested using the TinyMCE javascript functions mceRemoveControl and mceAddControl to work around this issue. If that's the answer, I can't get it to work (likely because I'm missing something). Has anyone found a workaround to this problem?
TinyMCE in ModalWindow
I've implemented TinyMCE in my app and all is well with one exception. I can't get it to work in a ModalWindow (TinyMCE works the first time but subsequently opens in an blank, uneditable state). Someone suggested using the TinyMCE javascript functions mceRemoveControl and mceAddControl to work around this issue. If that's the answer, I can't get it to work (likely because I'm missing something). Has anyone found a workaround to this problem?
Re: Popup Editor using TinyMCE and ModalWindow
I am having the same problem than you. How do you solve it? On Fri, Apr 24, 2009 at 1:45 AM, sshark ssh...@gmail.com wrote: Hi, I want to construct popup WYSIWYG editor using TinyMCE and ModalWindow. What I got was an ordinary un-mocked up plain textarea in the pop up dialog box. I have included my codes, the page and panel here. TinyMCE works well in the page. Did I miss any settings? Any suggestion? Thank you. public class TinyMCEPage extends WebPage { private static final long serialVersionUID = 1L; public TinyMCEPage() { final ModalWindow editorDialog = new ModalWindow(editorDialog); editorDialog.setTitle(Edit Text); editorDialog.setContent(new TinyEditor(editorDialog.getContentId())); add(editorDialog); add(new AjaxLink(edit) { public void onClick(AjaxRequestTarget target) { editorDialog.show(target); } }); } } TinyMCEPage.html html body div wicket:id=editorDialog/div a wicket:id=editEdit/a /body /html public class TinyEditor extends Panel { private static final long serialVersionUID = 1L; public TinyEditor(String id) { super(id); add(new TextArea(editor, new Model(Write here)) .add(new TinyMceBehavior(new TinyMCESettings(TinyMCESettings.Theme.advanced; } } TinyEditor.html wicket:panel textarea wicket:id=editor/textarea /wicket:panel /lim/ -- Fernando Wermus. www.linkedin.com/in/fernandowermus
Re: Popup Editor using TinyMCE and ModalWindow
This is the answer, /** * This is needed because even though {...@link TinyMceBehavior} implements IHeaderContributor, * the header doesn't get contributed when the component is first rendered though an AJAX call. * @see https://issues.apache.org/jira/browse/WICKET-618 (which was closed WontFix) */ public void renderHead(IHeaderResponse response) { response.renderJavascriptReference(TinyMCESettings.javaScriptReference()); } On Thu, Jun 18, 2009 at 12:08 PM, Fernando Wermus fernando.wer...@gmail.com wrote: I am having the same problem than you. How do you solve it? On Fri, Apr 24, 2009 at 1:45 AM, sshark ssh...@gmail.com wrote: Hi, I want to construct popup WYSIWYG editor using TinyMCE and ModalWindow. What I got was an ordinary un-mocked up plain textarea in the pop up dialog box. I have included my codes, the page and panel here. TinyMCE works well in the page. Did I miss any settings? Any suggestion? Thank you. public class TinyMCEPage extends WebPage { private static final long serialVersionUID = 1L; public TinyMCEPage() { final ModalWindow editorDialog = new ModalWindow(editorDialog); editorDialog.setTitle(Edit Text); editorDialog.setContent(new TinyEditor(editorDialog.getContentId())); add(editorDialog); add(new AjaxLink(edit) { public void onClick(AjaxRequestTarget target) { editorDialog.show(target); } }); } } TinyMCEPage.html html body div wicket:id=editorDialog/div a wicket:id=editEdit/a /body /html public class TinyEditor extends Panel { private static final long serialVersionUID = 1L; public TinyEditor(String id) { super(id); add(new TextArea(editor, new Model(Write here)) .add(new TinyMceBehavior(new TinyMCESettings(TinyMCESettings.Theme.advanced; } } TinyEditor.html wicket:panel textarea wicket:id=editor/textarea /wicket:panel /lim/ -- Fernando Wermus. www.linkedin.com/in/fernandowermus -- Fernando Wermus. www.linkedin.com/in/fernandowermus
Popup Editor using TinyMCE and ModalWindow
Hi, I want to construct popup WYSIWYG editor using TinyMCE and ModalWindow. What I got was an ordinary un-mocked up plain textarea in the pop up dialog box. I have included my codes, the page and panel here. TinyMCE works well in the page. Did I miss any settings? Any suggestion? Thank you. public class TinyMCEPage extends WebPage { private static final long serialVersionUID = 1L; public TinyMCEPage() { final ModalWindow editorDialog = new ModalWindow(editorDialog); editorDialog.setTitle(Edit Text); editorDialog.setContent(new TinyEditor(editorDialog.getContentId())); add(editorDialog); add(new AjaxLink(edit) { public void onClick(AjaxRequestTarget target) { editorDialog.show(target); } }); } } TinyMCEPage.html html body div wicket:id=editorDialog/div a wicket:id=editEdit/a /body /html public class TinyEditor extends Panel { private static final long serialVersionUID = 1L; public TinyEditor(String id) { super(id); add(new TextArea(editor, new Model(Write here)) .add(new TinyMceBehavior(new TinyMCESettings(TinyMCESettings.Theme.advanced; } } TinyEditor.html wicket:panel textarea wicket:id=editor/textarea /wicket:panel /lim/