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"},
});
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ändern:
Zu Diesem:
Hier ist ein Verweis link, wie man Inhalte auf tinymce in verschiedenen Arten.
Hoffe, das hilft.
<script>alert("loaded");</script>