TinyMCE einfügen unformatierten html-in active editor

Verwenden WindowManager für TinyMCE habe ich ein Fenster öffnen und es schreibt wieder raw HTML. Aber sein abschneiden meine links für meine Bilder. Was komisch ist, dass es NICHT, tun es die Anker-tag. Nur der image-tag.

Ich habe dieses Stück code

html = '<a title="'+ $('#title').val() +'" href="'+ $('#url').val() +'"><img src="'+ $('#imgURL').val() +'" /></a>';

    var parentEditor = parent.tinyMCE.activeEditor;
    parentEditor.execCommand('mceInsertRawHTML', false, html);
    parentEditor.windowManager.close();

TUT es einfügen, den html-Code in den aktiven Editor. Wenn ich das log html auf der Konsole bekomme ich

<a title="Click Action" href="yahoo.com"><img src="http://marketingedu.mychm.co/images/buttons/c2a-button4.png" /></a>

Jedoch, wenn ich den Source-Code im tinyMCE-editor, es verändert die Bilder SRC-Attribut

../../images/buttons/c2a-button4.png

Hier ist meine gesamte javascript-init für den TinyMCE-editor

tinymce.init({
        selector: ".editor",
        setup: function(ed) {
            ed.on('change', function(e) {
                tinyMCE.triggerSave();

                $('form').trigger('checkform.areYouSure');
            });
            ed.on('init', function(e) {
                autoresize_max_height: 500
            });
            ed.addButton('defaultbtn', {
                title: 'Insert Button',
                icon: 'fa fa-plus-square',
                onclick: function() {
                    //Open window
                    ed.windowManager.open({
                        title: 'Button Selector',
                        url: "<?=$this->url('/webinar/custombuttons') ?>",
                        width: 800,
                        height: 600
                    });
                }
            });
        },
        plugins: [
            "advlist autolink link responsivefilemanager lists charmap print preview hr anchor pagebreak spellchecker",
            "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
            "save table contextmenu directionality template paste textcolor colorpicker responsivefilemanager autoresize"
        ],
        toolbar: "undo redo | styleselect | bold italic | forecolor backcolor | alignleft aligncenter alignright | bullist numlist | outdent indent | table | link responsivefilemanager defaultbtn",
        image_advtab: true ,

        external_filemanager_path:"/filemanager/",
        filemanager_title:"Filemanager" ,
        external_plugins: { "filemanager" : "/filemanager/plugin.min.js"},
    });
InformationsquelleAutor swg1cor14 | 2015-04-10
Schreibe einen Kommentar