94 lines
3.2 KiB
JavaScript
94 lines
3.2 KiB
JavaScript
|
/**
|
|||
|
|
* Created by JetBrains PhpStorm.
|
|||
|
|
* User: taoqili
|
|||
|
|
* Date: 12-1-30
|
|||
|
|
* Time: 下午12:50
|
|||
|
|
* To change this template use File | Settings | File Templates.
|
|||
|
|
*/
|
|||
|
|
var wordImage = {};
|
|||
|
|
var g = $G, flashObj, flashContainer;
|
|||
|
|
|
|||
|
|
wordImage.init = function (opt, callbacks) {
|
|||
|
|
showLocalPath("fileUrl");
|
|||
|
|
createCopyButton("copyButton", "fileUrl");
|
|||
|
|
addUploadButtonListener();
|
|||
|
|
addOkListener();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function addUploadButtonListener() {
|
|||
|
|
g('saveFile').addEventListener('change', function () {
|
|||
|
|
$('.image-tip').html('正在转存，请稍后...');
|
|||
|
|
uploader.addFile(this.files);
|
|||
|
|
uploader.upload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function addOkListener() {
|
|||
|
|
dialog.onok = function () {
|
|||
|
|
//console.log('imageUrls',imageUrls);
|
|||
|
|
if (!imageUrls.length) return;
|
|||
|
|
var urlPrefix = editor.getOpt('imageUrlPrefix'),
|
|||
|
|
images = domUtils.getElementsByTagName(editor.document, "img");
|
|||
|
|
editor.fireEvent('saveScene');
|
|||
|
|
// console.log('images',images,imageUrls);
|
|||
|
|
for (var i = 0, img; img = images[i++];) {
|
|||
|
|
var src = img.getAttribute("data-word-image");
|
|||
|
|
if (!src) continue;
|
|||
|
|
for (var j = 0, url; url = imageUrls[j++];) {
|
|||
|
|
// console.log('url',src, url);
|
|||
|
|
if (src.indexOf(url.name.replace(" ", "")) != -1) {
|
|||
|
|
img.src = urlPrefix + url.url;
|
|||
|
|
img.setAttribute("_src", urlPrefix + url.url); //同时修改"_src"属性
|
|||
|
|
img.setAttribute("title", url.title);
|
|||
|
|
domUtils.removeAttributes(img, ["data-word-image", "style", "width", "height"]);
|
|||
|
|
editor.fireEvent("selectionchange");
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
editor.fireEvent('saveScene');
|
|||
|
|
// hideFlash();
|
|||
|
|
};
|
|||
|
|
dialog.oncancel = function () {
|
|||
|
|
//hideFlash();
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showLocalPath(id) {
|
|||
|
|
//单张编辑
|
|||
|
|
var img = editor.selection.getRange().getClosedNode();
|
|||
|
|
var images = editor.execCommand('wordimage');
|
|||
|
|
if (images.length == 1 || img && img.tagName == 'IMG') {
|
|||
|
|
g(id).value = images[0];
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var path = images[0];
|
|||
|
|
var leftSlashIndex = path.lastIndexOf("/") || 0, //不同版本的doc和浏览器都可能影响到这个符号，故直接判断两种
|
|||
|
|
rightSlashIndex = path.lastIndexOf("\\") || 0,
|
|||
|
|
separater = leftSlashIndex > rightSlashIndex ? "/" : "\\";
|
|||
|
|
|
|||
|
|
path = path.substring(0, path.lastIndexOf(separater) + 1);
|
|||
|
|
g(id).value = path;
|
|||
|
|
//增提醒用户选择哪些文件
|
|||
|
|
var names = [];
|
|||
|
|
for (var i = 0, len = images.length; i < len; i++) {
|
|||
|
|
var img = images[i];
|
|||
|
|
names.push(img.substring(img.lastIndexOf(separater) + 1, img.length));
|
|||
|
|
}
|
|||
|
|
$('.image-tip').html('<span style="color:#ff0000;">请选择:' + names.join("、") + "共" + images.length + '个文件</span>');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createCopyButton(id, dataFrom) {
|
|||
|
|
var url = g(dataFrom).value;
|
|||
|
|
if (url.startsWith("file:////")) {
|
|||
|
|
url = url.substring(8);
|
|||
|
|
}
|
|||
|
|
url = decodeURI(url);
|
|||
|
|
g(id).setAttribute("data-clipboard-text", url);
|
|||
|
|
var clipboard = new Clipboard('[data-clipboard-text]')
|
|||
|
|
clipboard.on('success', function (e) {
|
|||
|
|
g('copyButton').innerHTML = '复制成功';
|
|||
|
|
});
|
|||
|
|
}
|