Forum Discussion

Akenefick's avatar
Akenefick
Genius
4 years ago

Preloaded Text In Tinymce Editor

I am trying to create a component to add to the PostPage that will prefill the text editor with some questions to answer when posting an idea. I tried using this  tinymce.activeEditor.setContent("<...
  • Claudius's avatar
    Claudius
    4 years ago

    This is probably what you are looking for.

    tinyMCE.get('tinyMceEditor').execCommand('mceInsertContent', false, '<p>Test Question One<br><br><br>Test Question Two</p>');

    Keep in mind that this will only work after the editor has initialized properly. Good way to ensure is by wrapping it like that so that it will run once the Khoros jQuery object is present:

    <@liaAddScript>
  ;(function($) {
    tinyMCE.get('tinyMceEditor').execCommand('mceInsertContent', false, '<p>Test Question One<br><br><br>Test Question Two</p>');
  })(LITHIUM.jQuery);
</@liaAddScript>
Claudius's avatar
Claudius
Boss
4 years ago

This is probably what you are looking for.

tinyMCE.get('tinyMceEditor').execCommand('mceInsertContent', false, '<p>Test Question One<br><br><br>Test Question Two</p>');

Keep in mind that this will only work after the editor has initialized properly. Good way to ensure is by wrapping it like that so that it will run once the Khoros jQuery object is present:

<@liaAddScript>
  ;(function($) {
    tinyMCE.get('tinyMceEditor').execCommand('mceInsertContent', false, '<p>Test Question One<br><br><br>Test Question Two</p>');
  })(LITHIUM.jQuery);
</@liaAddScript>
  • Akenefick's avatar
    Akenefick
    Genius
    3 years ago

    Hey Claudius, now that I have these questions preloaded into the editor the cursor moves to the line after the last question, which makes sense. Do you know of a way to position the cursor, so I could move it to the line after the first question?

    Thanks