编辑器支持视频
This commit is contained in:
parent
00745f1270
commit
437287d93b
|
|
@ -260,7 +260,7 @@ K.options = {
|
|||
items : [ 'emoticons',
|
||||
'source','plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', '|',
|
||||
'formatblock', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
|
||||
'italic', 'underline', 'removeformat', '|','imagedirectupload','table', 'link',"more"
|
||||
'italic', 'underline', 'removeformat', '|','imagedirectupload','table', 'media',"more"
|
||||
],
|
||||
noDisableItems : ['source', 'fullscreen'],
|
||||
colorTable : [
|
||||
|
|
|
|||
|
|
@ -9,9 +9,9 @@
|
|||
|
||||
KindEditor.plugin('media', function(K) {
|
||||
var self = this, name = 'media', lang = self.lang(name + '.'),
|
||||
allowMediaUpload = K.undef(self.allowMediaUpload, true),
|
||||
allowMediaUpload = K.undef(self.allowMediaUpload, false),
|
||||
allowFileManager = K.undef(self.allowFileManager, false),
|
||||
formatUploadUrl = K.undef(self.formatUploadUrl, true),
|
||||
formatUploadUrl = K.undef(self.formatUploadUrl, false),
|
||||
extraParams = K.undef(self.extraFileUploadParams, {}),
|
||||
filePostName = K.undef(self.filePostName, 'imgFile'),
|
||||
uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
|
||||
|
|
@ -22,10 +22,8 @@ KindEditor.plugin('media', function(K) {
|
|||
//url
|
||||
'<div class="ke-dialog-row">',
|
||||
'<label for="keUrl" style="width:60px;">' + lang.url + '</label>',
|
||||
'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;" /> ',
|
||||
'<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> ',
|
||||
'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:200px;" /> (<a href="http://www.youku.com/help/view/fid/4#q2">支持优酷的flash地址</a>)',
|
||||
'<span class="ke-button-common ke-button-outer">',
|
||||
'<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
|
||||
'</span>',
|
||||
'</div>',
|
||||
//width
|
||||
|
|
@ -38,11 +36,6 @@ KindEditor.plugin('media', function(K) {
|
|||
'<label for="keHeight" style="width:60px;">' + lang.height + '</label>',
|
||||
'<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" />',
|
||||
'</div>',
|
||||
//autostart
|
||||
'<div class="ke-dialog-row">',
|
||||
'<label for="keAutostart">' + lang.autostart + '</label>',
|
||||
'<input type="checkbox" id="keAutostart" name="autostart" value="" /> ',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join('');
|
||||
var dialog = self.createDialog({
|
||||
|
|
@ -72,14 +65,8 @@ KindEditor.plugin('media', function(K) {
|
|||
heightBox[0].focus();
|
||||
return;
|
||||
}
|
||||
var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
|
||||
src : url,
|
||||
type : K.mediaType(url),
|
||||
width : width,
|
||||
height : height,
|
||||
autostart : autostartBox[0].checked ? 'true' : 'false',
|
||||
loop : 'true'
|
||||
});
|
||||
|
||||
var html = '<embed src="'+url+'" allowFullScreen="true" quality="high" width="'+width+'" height="'+height+'" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>';
|
||||
self.insertHtml(html).hideDialog().focus();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,170 @@
|
|||
/*******************************************************************************
|
||||
* KindEditor - WYSIWYG HTML Editor for Internet
|
||||
* Copyright (C) 2006-2011 kindsoft.net
|
||||
*
|
||||
* @author Roddy <luolonghao@gmail.com>
|
||||
* @site http://www.kindsoft.net/
|
||||
* @licence http://www.kindsoft.net/license.php
|
||||
*******************************************************************************/
|
||||
|
||||
KindEditor.plugin('media', function(K) {
|
||||
var self = this, name = 'media', lang = self.lang(name + '.'),
|
||||
allowMediaUpload = K.undef(self.allowMediaUpload, true),
|
||||
allowFileManager = K.undef(self.allowFileManager, false),
|
||||
formatUploadUrl = K.undef(self.formatUploadUrl, true),
|
||||
extraParams = K.undef(self.extraFileUploadParams, {}),
|
||||
filePostName = K.undef(self.filePostName, 'imgFile'),
|
||||
uploadJson = K.undef(self.uploadJson, self.basePath + 'php/upload_json.php');
|
||||
self.plugin.media = {
|
||||
edit : function() {
|
||||
var html = [
|
||||
'<div style="padding:20px;">',
|
||||
//url
|
||||
'<div class="ke-dialog-row">',
|
||||
'<label for="keUrl" style="width:60px;">' + lang.url + '</label>',
|
||||
'<input class="ke-input-text" type="text" id="keUrl" name="url" value="" style="width:160px;" /> ',
|
||||
'<input type="button" class="ke-upload-button" value="' + lang.upload + '" /> ',
|
||||
'<span class="ke-button-common ke-button-outer">',
|
||||
'<input type="button" class="ke-button-common ke-button" name="viewServer" value="' + lang.viewServer + '" />',
|
||||
'</span>',
|
||||
'</div>',
|
||||
//width
|
||||
'<div class="ke-dialog-row">',
|
||||
'<label for="keWidth" style="width:60px;">' + lang.width + '</label>',
|
||||
'<input type="text" id="keWidth" class="ke-input-text ke-input-number" name="width" value="550" maxlength="4" />',
|
||||
'</div>',
|
||||
//height
|
||||
'<div class="ke-dialog-row">',
|
||||
'<label for="keHeight" style="width:60px;">' + lang.height + '</label>',
|
||||
'<input type="text" id="keHeight" class="ke-input-text ke-input-number" name="height" value="400" maxlength="4" />',
|
||||
'</div>',
|
||||
//autostart
|
||||
'<div class="ke-dialog-row">',
|
||||
'<label for="keAutostart">' + lang.autostart + '</label>',
|
||||
'<input type="checkbox" id="keAutostart" name="autostart" value="" /> ',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join('');
|
||||
var dialog = self.createDialog({
|
||||
name : name,
|
||||
width : 450,
|
||||
height : 230,
|
||||
title : self.lang(name),
|
||||
body : html,
|
||||
yesBtn : {
|
||||
name : self.lang('yes'),
|
||||
click : function(e) {
|
||||
var url = K.trim(urlBox.val()),
|
||||
width = widthBox.val(),
|
||||
height = heightBox.val();
|
||||
if (url == 'http://' || K.invalidUrl(url)) {
|
||||
alert(self.lang('invalidUrl'));
|
||||
urlBox[0].focus();
|
||||
return;
|
||||
}
|
||||
if (!/^\d*$/.test(width)) {
|
||||
alert(self.lang('invalidWidth'));
|
||||
widthBox[0].focus();
|
||||
return;
|
||||
}
|
||||
if (!/^\d*$/.test(height)) {
|
||||
alert(self.lang('invalidHeight'));
|
||||
heightBox[0].focus();
|
||||
return;
|
||||
}
|
||||
var html = K.mediaImg(self.themesPath + 'common/blank.gif', {
|
||||
src : url,
|
||||
type : K.mediaType(url),
|
||||
width : width,
|
||||
height : height,
|
||||
autostart : autostartBox[0].checked ? 'true' : 'false',
|
||||
loop : 'true'
|
||||
});
|
||||
self.insertHtml(html).hideDialog().focus();
|
||||
}
|
||||
}
|
||||
}),
|
||||
div = dialog.div,
|
||||
urlBox = K('[name="url"]', div),
|
||||
viewServerBtn = K('[name="viewServer"]', div),
|
||||
widthBox = K('[name="width"]', div),
|
||||
heightBox = K('[name="height"]', div),
|
||||
autostartBox = K('[name="autostart"]', div);
|
||||
urlBox.val('http://');
|
||||
|
||||
if (allowMediaUpload) {
|
||||
var uploadbutton = K.uploadbutton({
|
||||
button : K('.ke-upload-button', div)[0],
|
||||
fieldName : filePostName,
|
||||
extraParams : extraParams,
|
||||
url : K.addParam(uploadJson, 'dir=media'),
|
||||
afterUpload : function(data) {
|
||||
dialog.hideLoading();
|
||||
if (data.error === 0) {
|
||||
var url = data.url;
|
||||
if (formatUploadUrl) {
|
||||
url = K.formatUrl(url, 'absolute');
|
||||
}
|
||||
urlBox.val(url);
|
||||
if (self.afterUpload) {
|
||||
self.afterUpload.call(self, url, data, name);
|
||||
}
|
||||
alert(self.lang('uploadSuccess'));
|
||||
} else {
|
||||
alert(data.message);
|
||||
}
|
||||
},
|
||||
afterError : function(html) {
|
||||
dialog.hideLoading();
|
||||
self.errorDialog(html);
|
||||
}
|
||||
});
|
||||
uploadbutton.fileBox.change(function(e) {
|
||||
dialog.showLoading(self.lang('uploadLoading'));
|
||||
uploadbutton.submit();
|
||||
});
|
||||
} else {
|
||||
K('.ke-upload-button', div).hide();
|
||||
}
|
||||
|
||||
if (allowFileManager) {
|
||||
viewServerBtn.click(function(e) {
|
||||
self.loadPlugin('filemanager', function() {
|
||||
self.plugin.filemanagerDialog({
|
||||
viewType : 'LIST',
|
||||
dirName : 'media',
|
||||
clickFn : function(url, title) {
|
||||
if (self.dialogs.length > 1) {
|
||||
K('[name="url"]', div).val(url);
|
||||
if (self.afterSelectFile) {
|
||||
self.afterSelectFile.call(self, url);
|
||||
}
|
||||
self.hideDialog();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
} else {
|
||||
viewServerBtn.hide();
|
||||
}
|
||||
|
||||
var img = self.plugin.getSelectedMedia();
|
||||
if (img) {
|
||||
var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
|
||||
urlBox.val(attrs.src);
|
||||
widthBox.val(K.removeUnit(img.css('width')) || attrs.width || 0);
|
||||
heightBox.val(K.removeUnit(img.css('height')) || attrs.height || 0);
|
||||
autostartBox[0].checked = (attrs.autostart === 'true');
|
||||
}
|
||||
urlBox[0].focus();
|
||||
urlBox[0].select();
|
||||
},
|
||||
'delete' : function() {
|
||||
self.plugin.getSelectedMedia().remove();
|
||||
// [IE] 删除图片后立即点击图片按钮出错
|
||||
self.addBookmark();
|
||||
}
|
||||
};
|
||||
self.clickToolbar(name, self.plugin.media.edit);
|
||||
});
|
||||
Loading…
Reference in New Issue