Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript TinyMCE,将HTML插入特定的TinyMCE实例_Javascript_Jquery_Tinymce - Fatal编程技术网

Javascript TinyMCE,将HTML插入特定的TinyMCE实例

Javascript TinyMCE,将HTML插入特定的TinyMCE实例,javascript,jquery,tinymce,Javascript,Jquery,Tinymce,我在一个页面上有多个TinyMCE编辑器,我需要在一个特定的页面中插入HTML,当前当我插入HTML时,它会将其插入最后一个页面: 我的初始代码: <script type="text/javascript"> $(document).ready(function() { // enable tinyMCE on shortDescription tinymce.init({ mode : "exact", elements :"sh

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

我的初始代码:

<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>

$(文档).ready(函数(){
//在shortDescription上启用tinyMCE
tinymce.init({
模式:“精确”,
元素:“shortDescriptionHtml”,
插件:[
“advlist autolink列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴”
],
工具栏:“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”,
相对URL:false,
删除\u脚本\u主机:false
});
//在fullDescription上启用tinyMCE
tinymce.init({
模式:“精确”,
元素:“fullDescriptionHtml”,
插件:[
“advlist autolink列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴”
],
工具栏:“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”,
相对URL:false,
删除\u脚本\u主机:false
});
//根据条款和条件启用tinyMCE
tinymce.init({
模式:“精确”,
元素:“termsAndConditionsHtml”,
插件:[
“advlist autolink列出链接图像charmap打印预览锚”,
“searchreplace visualblocks代码全屏显示”,
“insertdatetime媒体表上下文菜单粘贴”
],
工具栏:“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”,
相对URL:false,
删除\u脚本\u主机:false
});
});
现在当我试着去做

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

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

您应该获得一个特定的编辑器实例。我猜是这样的:
tinymce.get($(el.attr('id'))

请查看以下内容:。这条线是:

tinymce.get('c3').setContent('sdf');
tinymce.get(“editorID”).execCommand(
“mceInsertContent”,
假,,
''
);
其中“editorID”是编辑器ID选择器

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

这对我很有用:tinymce.get($(“#fullDescriptionHtml”).attr('id')).execCommand('mceinsercontent',false');谢谢你的快速回答!!好吧。但是,通过id获取elemenet以访问其id的原因是什么?我的意思是
$(“#fullDescriptionHtml”).attr('id')
=
#fullDescriptionHtml
:)是的,工作很好,已经5年没有使用javascript了,所以有点生疏:-)tinymce.get(“fullDescriptionHtml”).execCommand('mceinsercontent',false',);酷!好办法:)
<div id="editorID">...</div>