tinymce 4.3.4 video_template_callback

Question

Ziel ist es, das Feld "Einbetten" im Dialog "Video einfügen/bearbeiten" mit Daten aus meinem DOM zu füllen. Als ich aus dem docs verstanden es „video_template_callback“ für diesen Zweck:

tinymce.init({ 
    selector: '#text', 
    theme: 'modern', 
    height: 300, 
    menubar: false, 
    plugins: ['media code'], 
    toolbar: 'media code', 
    video_template_callback: function (data) { 
     console.log('data'); 
    }, 
}); 

Aber der Rückruf nicht ausgelöst, wenn „Einfügen/Video bearbeiten“ Dialog aufrufen. Kann ich falsch sein, versuchen, diesen Weg zu implementieren. Danke für die Hilfe.

Answer 1

Ich hatte Probleme mit video_template_callback in Version 4.7.3. Ich habe versucht, meinem Video-Tag onclick und controlslist Requisiten hinzuzufügen. Anfangs erschien es nicht, aber nach einiger Zeit der Forschung habe ich herausgefunden, dass TinyMCE eine Whitelist der Tag-Eigenschaften hat und ich muss es zu den extended_valid_elements hinzufügen. Es arbeitet mit dieser Konfiguration:

extended_valid_elements: 'video[onclick|controlslist|controls]', 
video_template_callback: ({ 
    width, height, poster, source1, source1mime, source2, source2mime, 
}) => [ 
    `<video onclick="playFunction" controls controlslist="nodownload"` 
    `width="${width}" height="${height}" ${(poster ? `poster="${poster}` : '')}>`, 
    `<source src="${source1}" ${(source1mime ? `type="${source1mime}"` : '')} />`, 
    `<source src="${source2}" ${(source2mime ? `type="${source2mime}"` : '')} />`, 
    '</video>', 
].join(''), 

Beachten Sie auch, dass alle Eigenschaften kleingeschrieben werden soll.