Question

我有一个内容可编辑的HTML文件，一个编辑器。每当我将图像插入编辑器或从编辑器中删除图像时，我都想显示警告。我怎样才能做到这一点？我必须处理的任何事件。我可以跟踪插入图像，但如何跟踪删除的图像？我想计算编辑器中图像的总大小 - 预加载图像的大小（如果有的话）+插入的图像大小，以及图像的总数。

 <html>
    <head>
    <script type="text/javascript">
     function InsertImage() {
      var imagePath = "D:/\images/\Desert.jpg";
        var imageInfo = "<img src='" + imagePath + " ' width='200' height='200'>";
        document.execCommand('InsertHTML',false,imageInfo); 
     }
    </script>
    </head>
    <body>    
    <input type="submit" value="Image"  onClick="InsertImage()" />
    <div id="EditBox" contentEditable="true"  
            style="border: solid 1px red; width: 600px; height: 300px; 
            overflow-y: scroll; overflow-x: scroll;">
            </div>
    </body>
    </html>

Answer 1

通过您自己的功能添加或删除，并在该功能中显示警告。

如何跟踪HTML文件中的图像（插入和删除）

1 个答案: