javascript - 应用模板后的 TinyMCE 事件

Question

我正在使用 TinyMCEv4 并将其用作我的电子邮件弹出窗口（如 Gmail）的正文编辑器。我想将模板的标题添加到电子邮件弹出的主题行。

例如-如果我们选择同意模板-

所以我们应该能够在主题行中看到模板的标题 -

标签： javascriptjquerytinymce

Answer 1

为了解决这个问题，我使用了BeforeSetContentTinyMce BeforeSetContent事件并将模板名称附加到主题行。

tinymce.get('emailBodyDiv').on('BeforeSetContent', function (e) {
let selectedTemplateTitle;

 $('[role="presentation"][type="button"]').each(function (i, obj) {
    if (obj.getAttribute("id").includes('mceu_') && obj.getAttribute("id").includes('-open'))
        selectedTemplateTitle = $(obj).find(".mce-txt").text();
});

$('#emailSubjectBox').val(selectedTemplateTitle);});