首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >TinyMCE,将TinyMCE插入到特定的TinyMCE实例中。

TinyMCE,将TinyMCE插入到特定的TinyMCE实例中。
EN

Stack Overflow用户
提问于 2013-09-11 06:22:48
回答 3查看 7.3K关注 0票数 3

我在一个页面上有多个TinyMCE编辑器,我需要在一个特定的页面中插入HTML,目前当我插入HTML时,它会将它插入最后一个:

我的密码:

代码语言:javascript
复制
<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>

现在当我试着做

代码语言:javascript
复制
tinyMCE.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');

它将图像插入到最后一个TinyMCE编辑器中,这是条件之一,我如何将该映像插入到第一个或第二个TinyMCE编辑器中?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-09-11 06:25:21

你应该得到一个编辑器的实例。我想,大概是这样的:tinymce.get($(el).attr('id'));

看看这个:http://jsfiddle.net/svCp2/。这里的台词是:

代码语言:javascript
复制
tinymce.get('c3').setContent('sdf');
票数 2
EN

Stack Overflow用户

发布于 2014-12-25 13:40:45

代码语言:javascript
复制
tinymce.get("editorID").execCommand(
    'mceInsertContent',
    false,
    '<img src="'+imgsrc+'" />'
);

其中"editorID“是您的编辑器ID选择器

代码语言:javascript
复制
<div id="editorID">...</div>
票数 0
EN

Stack Overflow用户

发布于 2022-07-23 06:21:02

使用activeEditor对象:

代码语言:javascript
复制
tinyMCE.activeEditor.execCommand('mceInsertContent',false,'<img src="'+imgsrc+'" />');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18734026

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档