Я просто провел ВСЕ ДЕНЬ, пытаясь понять это. Оказывается, вам совсем не нужно tiny_mce_popup.js!
Я, наконец, придумал это решение на основе этого учебника: https://pixabay.com/en/blog/posts/direct-image-uploads-in-tinymce-4-42/.
Надеюсь, это поможет.
Я использую TinyMCE 4, кстати.
Есть два файла:
1. Файл с TinyMCE:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
function RoxyFileBrowser(field_name, url, type, win) {
// alert("Field_Name: " + field_name + "nURL: " + url + "nType: " + type + "nWin: " + win); // debug/testing
var roxyFileman = 'browse_files.php';
if (roxyFileman.indexOf("?") < 0) {
roxyFileman += "?type=" + type;
}
else {
roxyFileman += "&type=" + type;
}
roxyFileman += '&input=' + field_name + '&value=' + win.document.getElementById(field_name).value;
if(tinyMCE.activeEditor.settings.language){
roxyFileman += '&langCode=' + tinyMCE.activeEditor.settings.language;
}
tinyMCE.activeEditor.windowManager.open({
file: roxyFileman,
title: 'Roxy Fileman',
width: 850,
height: 650,
resizable: "yes",
plugins: "media",
inline: "yes",
close_previous: "no"
}, { window: win, input: field_name });
return false;
}
tinymce.init({
selector: "textarea",
theme: "modern",
force_br_newlines : false,
force_p_newlines : false,
forced_root_block : '',
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor colorpicker textpattern imagetools"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
file_browser_callback: RoxyFileBrowser,
toolbar2: "print preview media | forecolor backcolor emoticons",
image_advtab: true,
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
]
});
</script>
</head>
<body>
<textarea id="my_editor"></textarea>
<input name="image" type="text" style="display:none;" onchange="$('#my_form').submit();this.value='';">
</body>
</html>
2. Файл с изображением браузера Содержание/browse_files.php (Это может быть любой формат . php, html, asp ... и т. д.)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('.image_choice').bind('click', function(){
var image_url = $(this).attr("src");
//ADDS THE URL TO THE IMAGE FIELD THIS IS WHERE I GOT HUNG UP!
parent.$('.mce-btn.mce-open').parent().find('.mce-textbox').val(image_url);
var ed = parent.tinymce.editors[0];
ed.windowManager.windows[1].close();// CLOSES THE BROWSER WINDOW
});
});
</script>
<style>
.image_choice {
width:150px;
}
</style>
<!-- DISPLAY YOUR IMAGES AS THUMBNAILS MUCH NICER THAN I HAVE ;-) -->
<img src="../images/image1.gif" class="image_choice" />
<img src="../images/image1.gif" class="image_choice" />
<img src="../images/image1.gif" class="image_choice" />
<img src="../images/image1.gif" class="image_choice" />
<!-- ETC...-->
Если вам абсолютно необходимо tiny_mce_popup.js, вы можете найти его здесь: http://phpxref.ftwr.co.uk/wordpress/wp-includes/js/tinymce/tiny_mce_popup.js.source.txt
Это, мой добрый сэр, сделал мой день. – csch