Question

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

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 Instance＃1（Works）

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

TinyMCE实例＃2（没有工作，而是显示正常的textarea框）

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

我做错了吗？我知道我必须确保selector在每个元素中都有所不同，我认为我有，但我必须做错事，提前谢谢你。

P.S This是我试图融入我的问题的问题。

Answer 1

好的，所以我所要做的就是编辑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 ..现在它可以正常工作。

一页上的tinyMCE的双实例

1 个答案: