由于从零开始的过程太曲折,我就说一下自己从开始到升级的过程,给自己留个纪念,也给大家一个参考,或者是一个解决问题的思路,嫌字多的大佬不喜勿喷哈。
先说一下背景,最近在维护一个html网站,应该是属于asp类型的,反正里面都是asp文件,之前也没接触过,更没学习过网站制作。稍微跟同事学了一点,下载了Dreamweaver8,刚开始只是对网页的图片和布局进行修改,在Dreamweaver8上很少动代码,大部分是动设计界面,当然有些能看得出来功能的代码也会动一下。网页布局进行升级后,才发现最大的问题所在。
在发布以及修改文章时,发现根本输入不进去,无论我用什么浏览器都不行,后来百度说要用ie5.5以上的浏览器,但是我的ie浏览器是ie11,明明是5.5以上,但是还是不行,现象如图:
本来是一个大框框,现在变成了一个小框框而且无法输入,百度了好久,才发现是编辑器的问题,我才知道我用的是ewebeditor编辑器,然后又在网上百度,网上说是ewebeditor编辑器在ie11也已经停用了,现在用的编辑器也有很多种,包括kindeditor,CKeditor等,网上也有升级的教程,都是要修改一些代码,但是对我这个萌新来说,看懂了,但是学不会。
于是我开始寻求外援,淘宝找了一个网页设计的店铺,帮我升级编辑器,但是他们用的一般都是editor_k编辑器,我看了下界面,也兼容各种浏览器,而且页面挺好看,各种功能也都有,如图:
我的网站上一共有三个需要输入框的界面,一个界面收我200块,由于经费有限,我就让商家只做了一个界面,我想着等他做好我再用ftp把asp文件下载下来看看,我倒要看看他到底改了啥,得多复杂才这么贵,结果他十分钟就跟我说搞好了(估计从ftp下载文件还花了5分钟),我就觉得这应该也不难,于是我就开始了我的探索之旅。
下图是商家发给我的成果图
首先我从商家改好的网站上下载了商家上传的编辑器文件,是一个文件夹,放在我本地的调试用的虚拟网页文件夹里,然后下载下来商家修改的asp文件,(用dw8的设计界面可以看的出来编辑框属于那个asp文件),然后和没修改之前的asp文件进行对比,一行一行代码对比,发现商家修改了两个地方。第一个地方比较简单,只是把调用的指令修改了,如下图:
灰色的代码是之前的,被商家备注掉了,然后商家自己加了一行调用的。代码我复制在这,应该就是d_document这里是调用文件的。
<textarea name="d_content" style="width:700px;height:420px;visibility:hidden;"></textarea>
经过我继续对比,第二处修改只是在 “ <head>
” 和 “<body>
” 之间加了这么一段代码:
<link rel="stylesheet" href="editor_k/themes/default/default.css" />
<link rel="st