c5 Filemanager and TinyMCE
c5 Filemanager and TinyMCE
有人感兴趣,请靠近c5文件浏览器看起来很酷,如果我能让这一切工作!
我有"浏览"按钮出现在TimyMCE>插入/编辑图像弹出窗口上,通过将以下内容添加到tinymce_jquery_full.cshtml文件中来显示
function myFileBrowser (field_name, url, type, win) {
var cmsURL = "../../Filemanager/index.html"
tinyMCE.activeEditor.windowManager.open({
file : cmsURL,
title : 'Browser',
width : 800, // Your dimensions may differ - toy around with them!
height : 500,
resizable : "yes",
inline : "yes", // This parameter only has an effect if you use the inlinepopups plugin!
close_previous : "no"
}, {
window : win,
input : field_name
});
return false;
}
和
file_browser_callback : 'myFileBrowser',
只需将其全部添加到主
<script type="text/javascript"> tag
它工作正常
有了这个按钮 c5 文件浏览器打开,我可以像往常一样使用它。
我能说的是c5文件浏览器设置为与CKEditor而不是TimyMCE一起使用,所以这就是我遇到麻烦的地方
然后,我按照此链接中的以下说明进行操作:
http://forum.filemanager.corefive.com/topic/how-do-i-get-a-value-back-from-the-filemanager-for-the-selected-file
这向我展示了如何让"选择"按钮显示在文件管理器中以及其他一些对我不起作用的信息。
如果我添加推荐的代码:
var selectItem = function (data) {
var p = data['Path'];
alert(p);
$('#field_name', window.opener.document).val(p);
window.close();
}
对于文件管理器.js,我可以得到alert(p(;为了工作,它给了我所追求的图像的URL刺痛,但窗口不会关闭,更不用说"p"回发到TinyMCE弹出窗口字段的值了。
所以我现在有两个 javascript 弹出窗口一个在另一个上面打开,但是在文件管理器中选择图像时,我需要文件管理器关闭并将"p"的值传递回 TimyMCE 的"插入/编辑图像"弹出表单的"scr"字段。
很难解释!
致电所有 Javascript 向导寻求帮助?
下面的原始帖子
有谁知道有关如何集成c5文件管理器(http://forum.filemanager.corefive.com/#home(和TinyMCE的教程,我已经进行了一些搜索,但找不到太多!我想在TinyMCE上的插入/编辑图像弹出窗口中添加一个浏览按钮,然后打开文件管理器并在单击图像URL字段时使用图像URL填充?
完成,这一切都在TinyMCE网站上:
http://www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser
我只是没有看得足够远,我想是因为我很惊讶TinyMCE会在这个问题上提供如此多的帮助。
var selectItem = function(data){
var url = relPath + data['Path'];
if(window.tinyMCEPopup){
// use TinyMCE > 3.0 integration method
var win = tinyMCEPopup.getWindowArg("window");
win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = url;
if (typeof(win.ImageDialog) != "undefined") {
// Update image dimensions
if (win.ImageDialog.getImageData)
win.ImageDialog.getImageData();
// Preview if necessary
if (win.ImageDialog.showPreviewImage)
win.ImageDialog.showPreviewImage(url);
}
tinyMCEPopup.close();
return;
}
}
代码已经在文件管理器.js中,你只需要删除所有的if(window.opener({代码,它就可以完美地工作!
对于c5文件管理器和TinyMCE的所有人来说,热爱你的工作!
- WebDriverException:tinyMCE未在selenium Web driver java中定义
- 在Angular Fullstack中设置TinyMCE
- Selenium WebDriver and JavaScript change
- PHP:显示sqlite数据库中的html格式数据,使用tinymce保存
- 如何允许在TinyMCE中使用valid_elements进行注释标记
- 合并TinyMCE(jQuery插件)文件
- PHP and Javascript functions
- Javascript Return and if/else
- SetTimeout and clearTimeout in Javascript
- lightbox in html 5 and javascript
- TimelineJS and AngularJS
- timeago.js with datatable and PHP
- javascript button ajax and php
- TinyMCE从MSWord粘贴的文本在所有文本下加下划线
- c5 Filemanager and TinyMCE
- Yii and TinyMCE with ajax
- TinyMCE and Firefox 11
- Django and tinymce
- TinyMCE: Reverse the <p> and <br>
- TinyMCE, save_callback and onSaveContent