';
517 | settingPageDisplay('图像设置 Image Setting',html,function(){
518 | var width = getNodeById("medit-settingPage-image-width").value;
519 | if(width && width>0){
520 | node.setAttribute("width",width);
521 | }
522 | var height = getNodeById("medit-settingPage-image-height").value;
523 | if(height && height>0){
524 | node.setAttribute("height",height);
525 | }
526 | var newAddress = getNodeById("medit-settingPage-image-address").value;
527 | if(address != newAddress){ // 传入网络图片需要进行宽高转换
528 | getNodeById("medit-settingPage-button").style.display = "none";
529 | getNodeById("medit-settingPage-content").innerHTML = "Loading Image...";
530 | var newImg = new Image();
531 | newImg.src = newAddress;
532 | newImg.onload = function(){
533 | var scale = newImg.width/ newImg.height;
534 | if(newImg.width>100){
535 | newImg.width = 100;
536 | newImg.height = 100/scale;
537 | }
538 | settingPage.style.display = "none";
539 | node.setAttribute("src",newAddress);
540 | node.setAttribute("width",newImg.width);
541 | node.setAttribute("height",newImg.height);
542 | }
543 | }else{
544 | settingPage.style.display = "none";
545 | }
546 | });
547 | }
548 | },
549 | {
550 | name: "biger",
551 | icon: meditToolImage + "images/image/biger.png",
552 | doWhat: function(node){
553 | var width = node.getAttribute("width");
554 | var height = node.getAttribute("height");
555 | node.setAttribute("width",Math.ceil(width*1.1));
556 | node.setAttribute("height",Math.ceil(height*1.1));
557 | }
558 | },
559 | {
560 | name: "smaller",
561 | icon: meditToolImage + "images/image/smaller.png",
562 | doWhat: function(node){
563 | var width = node.getAttribute("width");
564 | var height = node.getAttribute("height");
565 | node.setAttribute("width",Math.ceil(width/1.1));
566 | node.setAttribute("height",Math.ceil(height/1.1));
567 | }
568 | },
569 | {
570 | name: "upload",
571 | icon: meditToolImage + "images/image/upload.png",
572 | doWhat: function(node){
573 | var config = container[meditId].imageUpload;
574 | var html = '
选择图片 Select Image
';
575 | settingPageDisplay('图像上传 Image upload',html,function(){
576 |
577 | var files = getNodeById("medit-image-upload-file");
578 | if(files.files.length <=0){
579 | return;
580 | }
581 | var file = files.files[0];
582 | var size = file.size;
583 | var name = file.name;
584 | var type = file.type;
585 | var config = container[meditId].imageUpload;
586 | var ext = {};
587 |
588 | config.ext && config.ext.forEach(function(v){ ext[commonImageType[v]] = true; });
589 |
590 | if(config.size == 0 || config.size>=size){
591 | if(!config.ext || ext[type]){
592 | var http = getXhr();
593 | var form = new FormData(getNodeById("medit-image-upload-form"));
594 | getNodeById("medit-settingPage-button").style.display = "none";
595 | getNodeById("medit-settingPage-content").innerHTML = '
图片上传中 Image uploading...
';
596 | http.upload.onprogress = function(v){
597 | var progress = Math.floor(100*v.loaded/v.total) + "%";
598 | var success = "";
599 | if(progress == "100%") success ="上传成功，请稍后...
upload success,please waiting...";
600 | getNodeById("medit-settingPage-content").innerHTML = '
图片上传中 Image uploading...'+ progress +'
'+success+'
';
601 | }
602 |
603 | Object.keys(config.params).map(function(key) {
604 | form.append(key, config.params[key]);
605 | });
606 |
607 | http.open("POST",config.path);
608 | http.send(form);
609 |
610 | http.onreadystatechange = function(){
611 | if(http.readyState === 4){
612 | if(http.status === 200 || http.status>200 && http.status<400){
613 | var res = JSON.parse(http.responseText);
614 |
615 | if(res.code == "success"){
616 | config.success(res);
617 | var scale = res.data.width/ res.data.height;
618 | if(res.data.width>100){
619 | res.data.width = 100;
620 | res.data.height = 100/scale;
621 | }
622 | settingPage.style.display = "none";
623 | node.setAttribute("src",res.data.url);
624 | node.setAttribute("width",res.data.width);
625 | node.setAttribute("height",res.data.height);
626 | }
627 | }else{
628 | config.error("http status " + http.status);
629 | }
630 | }
631 | }
632 | }else{ config.error("image type limit "+config.ext.join(",")); }
633 | }else{ config.error("image size limit "+config.size); }
634 | });
635 | getNodeById("medit-settingPage-button-ok").innerHTML = "上传 Upload";
636 | var btn = getNodeById("medit-image-upload-select-btn");
637 | var fileInput = getNodeById("medit-image-upload-file");
638 |
639 | btn.onclick = function(){
640 | fileInput.click();
641 | }
642 | fileInput.onchange = function(e){
643 |
644 | e = e || window.event;
645 | var files=e.target.files||e.srcElement.files;
646 | var file = files[0];
647 | var size = file.size;
648 | var name = file.name;
649 | var type = file.type;
650 |
651 | var ext = {};
652 | config.ext && config.ext.forEach(function(v){ ext[commonImageType[v]] = true; });
653 |
654 | if (config.size == 0 || config.size>=size){
655 | if (!config.ext || ext[type]){
656 | btn.innerHTML = name;
657 | } else {
658 | config.error("image type limit "+config.ext.join(","));
659 | }
660 | } else {
661 | config.error("image size limit "+config.size);
662 | }
663 | }
664 | }
665 | },
666 | {
667 | name: 'verticalAlign',
668 | icon: meditToolImage + 'images/image/vertical-align.png',
669 | doWhat:[
670 | {
671 | name: 'top',
672 | icon: meditToolImage + 'images/image/top-align.png',
673 | doWhat:function(node){
674 | node.style.verticalAlign = "top";
675 | }
676 | },
677 | {
678 | name: 'middle',
679 | icon: meditToolImage + 'images/image/middle-align.png',
680 | doWhat:function(node){
681 | node.style.verticalAlign = "middle";
682 | }
683 | },
684 | {
685 | name: 'bottom',
686 | icon: meditToolImage + 'images/image/bottom-align.png',
687 | doWhat:function(node){
688 | node.style.verticalAlign = "bottom";
689 | }
690 | }
691 | ]
692 | }
693 | ]
694 | },
695 | "list":{
696 | emptyNotDelete: true,
697 | icon: meditToolImage + "images/mode/list.png",
698 | focus:function(node){
699 | node.setAttribute("class","medit-list");
700 | getNodeById("medit-tool-button-mode").style.display = "none";
701 | },
702 | blur:function(node){
703 | node.removeAttribute("class");
704 | },
705 | doWhat:function(node){
706 | mode[node.getAttribute("data-meditmode")].blur(node);
707 | var temNode = document.createElement("ul");
708 | temNode.setAttribute("data-medit", "true");
709 | temNode.setAttribute("data-meditmode", "list");
710 | temNode.setAttribute("type", "disc");
711 | node.parentNode.insertBefore(temNode,node);
712 | node.parentNode.removeChild(node);
713 | nodeFocus(temNode);
714 | nowNode = temNode;
715 | toolBarModeSetting("list",mode["list"].setting);
716 | mode["list"].focus(temNode);
717 | container[meditId].updateId();
718 | nowMode = "list";
719 | },
720 | setting:[
721 | {
722 | name:"setting",
723 | icon: meditToolImage + "images/list/setting.png",
724 | doWhat:function(node){
725 | var type = node.getAttribute("type").toLowerCase();
726 | var nodeType = node.nodeName.toLowerCase();
727 | var html = '
无序列表 Unorder List：
'+
728 | '
'+
729 | '
'+
730 | '
'+
731 | '
有序列表 Order List：
'+
732 | '
'+
733 | '
'+
734 | '
'+
735 | '
'+
736 | '
';
737 | settingPageDisplay('列表类型 List Mode',html,function(){
738 | var radio = getNodeById("medit-settingPage-content").getElementsByTagName("input");
739 | var input = null;
740 | for(var i = 0; i
'+title+'');
1054 | getNodeById("medit-settingPage-main").innerHTML = html.join("");
1055 | settingPageOk = okCallBack;
1056 | settingPage.style.display = "block";
1057 | }
1058 |
1059 | var mainDo = function(degree, type, target) {
1060 |
1061 | var contain = container[meditId];
1062 | var thisNode = getNodeById("medit-" + contain.nowNodeId + "-" + meditId); // 这里有个已经修复的bug，比如在超链接中，是在当前结点外部包了一层，那么thisNode需要更新到外层结点
1063 |
1064 | nowMode = thisNode.getAttribute("data-meditMode");
1065 |
1066 | if( mode[nowMode].selected ){
1067 | if(globalSelectionContent && globalSelectionContent.node == thisNode && globalSelectionContent.end!=globalSelectionContent.start ){ // 原生自带文本选择处理
1068 | var html = globalSelectionContent.node.innerHTML.split("");
1069 | html.splice(globalSelectionContent.end,0,'');
1070 | html.splice(globalSelectionContent.start,0,'