tinyMCE更改事件正在运行,但没有隐藏textarea的

时间:2018-03-29 16:32:57

标签: tinymce textarea

我使用下面的代码(从TypeScript代码生成)为textarea的列表(大约12个)启动了tinyMCE。

tinymce.init({
        selector: this.selector,
        setup: function (editor) {
            editor.on('change blur', function () {
                editor.save();
                tinymce.triggerSave();
                console.info('tinyMCE change event fired.');
            });
        },
        branding: this.branding,
        menubar: this.menubarFlag,
        browser_spellcheck: this.browser_spellcheck,
        fontsize_formats: this.fontsize_formats,
        block_formats: this.block_formats,
        toolbar1: this.toolbar1,
        height: this.height,
        plugins: this.plugins
    });

我尝试了两个editor.save();和tinymce.triggerSave();关于tinyMCE变更事件。但是,虽然内容已更新为textarea,但仍然隐藏的textarea更改事件未触发。

我需要textarea的事件来通过添加name属性来实际向表单添加元素。

    $(divObj).find('.segment-input').change(function () {
         $(divObj).find('input[type="hidden"]').attr('name', $(divObj).find('input[type="hidden"]').attr('name-nochange'));
         $(divObj).find('input[type="hidden"]').removeAttr('name-nochange');
    });

1 个答案:

答案 0 :(得分:0)

根据你上面的评论,请查看这个小提琴:

http://fiddle.tinymce.com/Cogaab

editor.on()函数可以访问触发器的编辑器(小提琴中的e)。您可以获取(除其他外)基础文本区域的目标ID。在我提供的小提琴中,我将其记录到initchangeblur上的每个编辑器的控制台。

一旦您知道了ID,您就可以找到使用JavaScript并执行本机元素所需的内容。

该编辑器(e)对象中有各种有用的数据 - 值得记录e并查看其他数据,因为其他数据也可能对您的方案有所帮助。