admin管理员组

文章数量:1025481

I have multiple TinyMCE editors on one page and I need to insert HTML in a specific one, currently when I insert HTML, it inserts it into the last one:

My init code:

<script type="text/javascript">
$(document).ready(function() {

    // enable tinyMCE on shortDescription
    tinymce.init({
        mode : "exact",
        elements :"shortDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on fullDescription
    tinymce.init({
        mode : "exact",
        elements :"fullDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on Terms And Conditions
    tinymce.init({
        mode : "exact",
        elements :"termsAndConditionsHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false      
    });

});
</script>

Now when I try to do 

tinyMCE.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');

It inserts the image in the last TinyMCE editor, which is the terms and conditions one, how do I insert that image into the first or second TinyMCE editor?

I have multiple TinyMCE editors on one page and I need to insert HTML in a specific one, currently when I insert HTML, it inserts it into the last one:

My init code:

<script type="text/javascript">
$(document).ready(function() {

    // enable tinyMCE on shortDescription
    tinymce.init({
        mode : "exact",
        elements :"shortDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on fullDescription
    tinymce.init({
        mode : "exact",
        elements :"fullDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on Terms And Conditions
    tinymce.init({
        mode : "exact",
        elements :"termsAndConditionsHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false      
    });

});
</script>

Now when I try to do 

tinyMCE.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');

It inserts the image in the last TinyMCE editor, which is the terms and conditions one, how do I insert that image into the first or second TinyMCE editor?

  • javascript
  • jquery
  • tinymce
Share Improve this question asked Sep 11, 2013 at 6:22 Jan Vladimir MostertJan Vladimir Mostert 13k16 gold badges92 silver badges151 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 2

You should get a certain instance of editor. I guess, something like that: tinymce.get($(el).attr('id'));?

check this out: http://jsfiddle/svCp2/. The line here is:

tinymce.get('c3').setContent('sdf');

tinymce.get("editorID").execCommand(
    'mceInsertContent',
    false,
    '<img src="'+imgsrc+'" />'
);

where "editorID" is your editor ID selector

<div id="editorID">...</div>

Use the activeEditor object:

tinyMCE.activeEditor.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');

I have multiple TinyMCE editors on one page and I need to insert HTML in a specific one, currently when I insert HTML, it inserts it into the last one:

My init code:

<script type="text/javascript">
$(document).ready(function() {

    // enable tinyMCE on shortDescription
    tinymce.init({
        mode : "exact",
        elements :"shortDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on fullDescription
    tinymce.init({
        mode : "exact",
        elements :"fullDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on Terms And Conditions
    tinymce.init({
        mode : "exact",
        elements :"termsAndConditionsHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false      
    });

});
</script>

Now when I try to do 

tinyMCE.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');

It inserts the image in the last TinyMCE editor, which is the terms and conditions one, how do I insert that image into the first or second TinyMCE editor?

I have multiple TinyMCE editors on one page and I need to insert HTML in a specific one, currently when I insert HTML, it inserts it into the last one:

My init code:

<script type="text/javascript">
$(document).ready(function() {

    // enable tinyMCE on shortDescription
    tinymce.init({
        mode : "exact",
        elements :"shortDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on fullDescription
    tinymce.init({
        mode : "exact",
        elements :"fullDescriptionHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false
    });

    // enable tinyMCE on Terms And Conditions
    tinymce.init({
        mode : "exact",
        elements :"termsAndConditionsHtml",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        relative_urls : false,
        remove_script_host : false      
    });

});
</script>

Now when I try to do 

tinyMCE.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');

It inserts the image in the last TinyMCE editor, which is the terms and conditions one, how do I insert that image into the first or second TinyMCE editor?

  • javascript
  • jquery
  • tinymce
Share Improve this question asked Sep 11, 2013 at 6:22 Jan Vladimir MostertJan Vladimir Mostert 13k16 gold badges92 silver badges151 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 2

You should get a certain instance of editor. I guess, something like that: tinymce.get($(el).attr('id'));?

check this out: http://jsfiddle/svCp2/. The line here is:

tinymce.get('c3').setContent('sdf');

tinymce.get("editorID").execCommand(
    'mceInsertContent',
    false,
    '<img src="'+imgsrc+'" />'
);

where "editorID" is your editor ID selector

<div id="editorID">...</div>

Use the activeEditor object:

tinyMCE.activeEditor.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');

本文标签： javascriptTinyMCEinsert HTML into specific TinyMCE instanceStack Overflow

版权声明：本文标题：javascript - TinyMCE, insert HTML into specific TinyMCE instance - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745631721a2160204.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。