在一个页面上有两个tinyMCE实例 - Double instance of tinyMCE on one page

Double instance of tinyMCE on one page

本文关键字：两个 tinyMCE 实例一个 | 更新日期: 2023-09-27

我一直在尝试将TinyMCE编辑器的两个实例添加到一个页面中，但我不能，所以我做了一些研究，并试图将每个<textarea>的id分开。为此，我将以下代码添加到我的JS中:

  tinymce.init({
        selector: "#mytextarea1",
        mode : "exact",
        elements :"area1",
        menubar: false,
        statusbar: false,
        height : 240,
    });
    tinymce.init({
        selector: "#mytextarea2",
        mode : "exact",
        elements :"area2",
        menubar: false,
        statusbar: false,
        height : 240,
    });

由于我正在使用laravel 5，这是我用于表单的代码:

Laravel - Blade

TinyMCE实例#1 (Works)

{!! Form::textarea('noteContent',null,array( 'id'=>'mytextarea1')) !!}

TinyMCE实例#2(不工作，而是显示正常的文本框)

{!! Form::textarea('noteContentEdit',null,array( 'id'=>'mytextarea2')) !!}

我做错了什么吗?我读到我必须确保selector在每个元素中是不同的，我认为我做到了，但我一定是做错了什么，提前谢谢你。

p。

我要做的就是把jQuery代码编辑成这样:

jQuery

tinymce.init({
            editor_selector : "mceCreate",
            mode: "textareas",
            menubar: false,
            statusbar: false,
            height : 240,
        });
tinymce.init({
            editor_selector : "mceEdit",
            mode: "textareas",
            menubar: false,
            statusbar: false,
            height : 240,
            });

在标签中添加editor_selector属性而不是id属性，我使用了类。我还将mode属性更改为textarea ..现在它起作用了。