Я хочу иметь экземпляр и текстовой области TinyMCE и pluplupload пользовательского загрузчика файла на на веб-странице. Проблема состоит в том, что в моем Firefox 3.6 или Google Chrome они просто не сотрудничают. Я сверился с IE8 здесь, он хорошо работает. Я попробовал обе версии TinyMCE - стандарт и jQuery.
Я пытался отладить инициализацию plupload использование FireBug (так, чтобы tinymce был инициализирован сначала), и это начало работать. Затем я пытался к setTimeout в течение 2 секунд на вызове инициализировать plupload, и снова он работал.
Это - очень нечетное поведение. Это - только моя проблема, или кто-либо встретился с тем же?
Я использую jQuery 1.4.2, но я также сверился 1.3.2 - то же. Вот JavaScript, который я использую для инициализации тех библиотек:
$(function() {
var plUploader = new plupload.Uploader({
runtimes: 'html5,flash,silverlight',
browse_button: 'pickfiles',
max_file_size: '10mb',
url: '<%= Url.Action<FilesController>(c => c.Upload()) %>',
resize: { width: 320, height: 240, quality: 90 },
flash_swf_url: '/js/plupload/plupload.flash.swf',
silverlight_xap_url: '/js//plupload/plupload.silverlight.xap',
filters: [
{ title: "Image files", extensions: "jpg,gif,png" },
{ title: "Zip files", extensions: "zip" }]
});
plUploader.bind('Init', function(up, params) {
$('#filelist').html("<div>Current runtime: " + params.runtime + "</div>");
});
plUploader.bind('FilesAdded', function(up, files) {
$.each(files, function(i, file) {
$('#filelist').append(
'<div id="' + file.id + '">' +
file.name + ' (' + plupload.formatSize(file.size) + ') <b></b>' +
'</div>');
});
});
plUploader.bind('UploadProgress', function(up, file) {
$('#' + file.id + " b").html(file.percent + "%");
});
$('#uploadfiles').click(function(e) {
plUploader.start();
e.preventDefault();
});
plUploader.init();
$('#Description').tinymce({
// Location of TinyMCE script
script_url: '/js/tiny_mce/tiny_mce.js',
// General options
theme: 'simple',
language: 'pl'
});
});
сценарии:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript" src="/js/plupload/source/plupload.js"></script>
<script type="text/javascript" src="/js/plupload/source/plupload.silverlight.js"></script>
<script type="text/javascript" src="/js/plupload/source/plupload.flash.js"></script>
<script type="text/javascript" src="/js/plupload/source/plupload.html5.js"></script>
и HTML:
<textarea rows="2" name="Description" id="Description"></textarea>
<div>
<div id="filelist">No runtime found.</div>
<br />
<a id="pickfiles" href="#">[Select files]</a>
<a id="uploadfiles" href="#">[Upload files]</a>
</div>