Javascript 我们应该在哪里下载完整实现的tinymce弹出文件？_Javascript_Jquery_Tinymce 4

Javascript 我们应该在哪里下载完整实现的tinymce弹出文件？

javascript jquery

Javascript 我们应该在哪里下载完整实现的tinymce弹出文件？,javascript,jquery,tinymce-4,Javascript,Jquery,Tinymce 4,我正在这个插件的asp.net应用程序中使用tiny mce文本编辑器。我正在使用添加文件浏览器 mce文本编辑器中的功能。现在我正在打电话 var win = tinyMCE.getWindowArg("window"); 从本教程中选择，如中所示 function mySubmit() { //call this function only after page has loaded //otherwise tinyMCEPopup.close will close the //"In

我正在这个插件的asp.net应用程序中使用tiny mce文本编辑器。我正在使用添加文件浏览器 mce文本编辑器中的功能。现在我正在打电话

 var win = tinyMCE.getWindowArg("window");

从本教程中选择，如中所示

function mySubmit() {
//call this function only after page has loaded
//otherwise tinyMCEPopup.close will close the
//"Insert/Edit Image" or "Insert/Edit Link" window instead

var URL = document.my_form.my_field.value;
var win = tinyMCE.getWindowArg("window");

 // insert information now
  win.document.getElementById(tinyMCE.getWindowArg("input")).value = URL;

  // for image browsers: update image dimensions
  if (win.getImageData) win.getImageData();

  // close popup window
  tinyMCEPopup.close();
}

单击submit按钮时，会抛出两个错误

未捕获类型错误：

t.editor.windowManager.createInstance

不是函数

tinymcepoup.init@tinymcepoup.js:26（匿名函数）@tinymcepoup.js:274 2ImageUpload.html？type=image&input=mceu96-inp&value=：16

未捕获类型错误：
```
tinyMCE.getWindowArg
```
不是函数

请帮帮我

我花了一整天的时间想弄明白这一点。原来你根本不需要tiny_mce_popup.js

基于本教程，我最终提出了此解决方案： .

我希望有帮助

顺便说一句，我用的是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>


函数RoxyFileBrowser（字段名称、url、类型、win）{
//警报（“字段名称：”+字段名称+”nURL:“+url+”nType:“+type+”nWin:”+win）；//调试/测试
var roxyFileman='browse_files.php'；
如果（roxyFileman.indexOf（“？”）小于0）{
roxyFileman+=“？type=“+type；
}
否则{
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({
档案：roxyFileman，
标题：“Roxy Fileman”，
宽度：850，
身高：650，
可调整大小：“是”，
插件：“媒体”，
内联：“是”，
关闭上一个：“否”
}，{window:win，输入：field_name}）；
返回false；
}
tinymce.init({
选择器：“文本区域”，
主题：“现代”，
强制换行：false，
force_p_新行：false，
强制的\u根\u块：“”，
插件：[
“advlist autolink列出链接图像charmap打印预览hr锚定页面中断”，
“searchreplace wordcount visualblocks visualchars代码全屏显示”，
“insertdatetime媒体非中断保存表上下文菜单方向性”，
“表情模板粘贴文本颜色选择器文本图案图像工具”
],
工具栏1：“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”，
文件\浏览器\回调：RoxyFileBrowser，
工具栏2：“打印预览媒体|前景色背景表情”，
图像\u advtab：正确，
模板：[
{标题：'测试模板1'，内容：'测试1'}，
{标题：'测试模板2'，内容：'测试2'}
]
});

2。带有图像浏览器内容的文件/browse_files.php （可以是任何格式。php、html、asp…等）


$（文档）.ready（函数（）{
$（'.image_choice'）.bind（'click'，function（）{
var image_url=$（this.attr（“src”）；
//将URL添加到图像字段这是我挂断的地方！
parent.$（'.mce btn.mce open'）.parent（）.find（'.mce textbox'）.val（image_url）；
var ed=parent.tinymce.editors[0]；
ed.windowManager.windows[1].close（）；//关闭浏览器窗口
});
});
.图像选择{
宽度：150px；
}

如果您确实需要tiny_mce_popup.js，您可以在此处找到它：