论坛 Forum

就像ewebeditor那样。自动提取图片到下拉框中。

另外。我上次说的插入模版功能。也像ewebeditor的那种。。老大你说。会有的。。

很期待4.0啊。

刚好弄了个

首先要有一个放图片url的文本框,<asp:TextBox ID="txtpicurl" runat="server"></asp:TextBox>

然后有个下拉列表存放编辑器中所有的图片，<select id="uploadImages" onchange="getImg()"></select>

最后有个显示缩略图的图片域<img id="imgView"/>

很晚了，我直接贴代码：

1.先在加载编辑器的时候注册个事件

afterBlur : function(id) {
onEditorBlur(id);
}

2.下面的就是提取编辑器中所有图片的代码（包括选择图片，显示缩略图）

function onEditorBlur(id){
        try{
            var newDiv = document.createElement('div');
            newDiv.innerHTML=KE.html(id);
            var imgs=newDiv.getElementsByTagName('img');
            var srcs = [];
            for(var i = 0; i < imgs.length; i++) {
                var src = imgs[i].src;
                srcs[srcs.length] = src.replace(getDomainName(), '');
            }
            addImageURL(srcs);
        }catch(e){}
    }

    var domainName = '';
    function getDomainName(){
        if('' != domainName) return domainName;
        domainName = "http://" + window.location.host;
        return domainName;
    }

    function addImageURL(srcs) {
        var _uploadImages = document.getElementById("uploadImages");
        _uploadImages.options.length = 0;
        _uploadImages.options.add(new Option('不选择',''));
        for (var i = 0; i < srcs.length; i++) {
            var sname = srcs[i].substring(srcs[i].lastIndexOf("/") + 1);
            _uploadImages.options.add(new Option(sname,srcs[i]));
        }
    }

    function getImg(){
       var _uploadImages = document.getElementById("uploadImages");
       var _txtImage = document.getElementById("txtpicurl");
       var _imgView = document.getElementById("imgView");
       _txtImage.value = _uploadImages.options[_uploadImages.selectedIndex].value;
       _imgView.src = _uploadImages.options[_uploadImages.selectedIndex].value;
    }

谢谢楼上的。。但是如果编辑器里面有：，这样的表情图片呢？会不会也把表情图片提取进去啊？

我看ewebeditor就不会有这样的问题。