无论是编辑器自带的远程图片下载功能,还是后台安装的远程图片下载插件,都和网络图片地址有关,所以以上也不算跑得远了,下面继续。
如果只是插入一个网络图片地址,也就算了,因为如果超过一个,就需要把之前粘贴的图片地址删除后才能再粘贴,有多个的话就需要重复这样的操作。而网络图片地址通常有一定的长度,不管是拖动全选按del键删除,还是按backspace和del键删除,都需要时间。在有多张图片的情况下,工作量不算小,也总感觉这样的操作似乎太不智能了,
如果有种方法可以一键清空文本框才是最好的!所以,曾经尝试过多次,无奈自己的html水平基本没有,靠自己的努力总是实现不了。好在,自己似乎有一定的韧劲,不解决问题决不罢休。
虽然经过失败,但这个想法一直在我心中,希望有一天能够完成。所以,今晚又再次开始尝试。
参考网上的代码,修改这个图片插入js(js/breeze/app/insertimage.js)文件,失败了好多次,主要表现为编辑器上的表情,图片,附件功能不能使用。删除,粘贴,修改,测试,再删除……终于实现了!
参考内容为:
- <script type="text/javascript">
- function clearText() {
- document.getElementById("text").value = "";
- }
- </script>
- <form action="index.jsp" method="post">
- <input id="text" type="text" name="text" />
- <button type="button" onclick="clear();">clear</button>
- <button type="submit">submit</button>
- </form>
我修改后的实际代码为(添加清空按钮):
- <div style="padding-bottom:30px;">\
- <div class="B_tac B_p15 B_cc">图片地址:<input id="networkImg" size="50" type="text" class="input" value="" /></div>\
- <div class="B_tac"><span class="B_btn2"><span><button type="button" id="btn_insertImg">插入图片</button></span></span><span class="B_btn"><span><button type="button" onclick="clearurl();">清空</button></span></span></div>\
- </div>\
在文件末尾添加清空按钮的脚本(如果是在htm文件中应用,我想,应该在前面和后面添加<script language="JavaScript" type="text/JavaScript">和</script>):
- function clearurl(){
- document.getElementById("networkImg").value = "";
- }