asp网站中使用百度ueditor教程

时间:2022-09-29 14:49:11

1、根据网站类型及编码选择相应的ueditor版本,如我的网站编码为gb2312,则选择ueditor 1.43 asp gbk版。
2、本机IE浏览器应为8.0或以上,8.0以下的ueditor 1.43不支持。
3、把ueditor文件夹放于网站根目录下,在网页<head>与</head>间插入以下内容:注意src后的路径根据实际位置修改。

<script type="text/javascript" charset="gbk" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="gbk" src="ueditor/ueditor.all.js"> </script>
         <script type="text/javascript" charset="gbk" src="ueditor/lang/zh-cn/zh-cn.js"></script>

如果在ie8或360浏览器中打开是空白页时,请在上边再插上一行,加载jquery.js文件,此文件有多种版本,可在网上下载。如
<script type="text/javascript"  src="jqueryui/js/jquery-1.3.2.min.js"> </script>

4、在网页中需要插入编辑器的地方插入以下代码,代码如放在表格中,外边应当是表单。即form标志应放在表格table外边,否则编辑器中的值传不出去,提示为空白。

<script type="text/plain" id="myEditor" style="width:920px; height:500px" name="art_content">   </script>
        
   <script type="text/javascript">    var editor_a = UE.getEditor('myEditor');</script>

以上代码中的editor_a可以改为其他任意名称,第一个和第三个myEditor可以改为其他名称,但应保持一致,name后的art_content与下边5中的art_content也可以改为其他名称,但应保持一致,向服务器传送及务器接收数据时,主要依据name来识别。

如果在ie8或360浏览器中打开是空白页时,请把上边第二行代码换为:
 <script type="text/javascript">$(document).ready(function(){var editor= UE.getEditor('myEditor');})</script>

5、在网页中接收表单中数据的地方应写入以下代码:
content=rtrim(replace(request.form("art_content"),"",""))
content=trim(replace(request.form("art_content"),"∈",""))

也可简写为content=request.form("art_content")

6、如果对原数据库中内容进行修改时,则应把4中代码改为以下:主要是添加了<%=rs("art_content")%>以显示原来的内容。

<script type="text/plain" id="myEditor" name="art_content"><%=rs("art_content")%>     </script>
     <script type="text/javascript">   var editor= UE.getEditor('myEditor');   </script>

如果在ie8或360浏览器中打开是空白页时,请把上边第二行代码换为:
 <script type="text/javascript">$(document).ready(function(){var editor= UE.getEditor('myEditor');})</script>

7、ueditor上传到网站时不能上传图片或附件等时:

文件夹asp中有个文件uploader.class.asp,其中有个检查或创建路径的子程序Private Function CheckOrCreatePath( ByVal path ),在这段程序中有两句 parts = Split( path, "\" )和path = path + part + "\",你把这两句中的反斜杠都改成“/”,也就是这两句最后应当分别是parts = Split( path, "/" )和path = path + part + "/",这样就可以了。
8、在后台插入表格时其框线是均匀的,但网页显示时则外框细内框粗,如欲均匀:
在ueditor.all.js文件中查找UE.commands['inserttable'],其中有一句return '<table ><tbody>' + html.join('') + '</tbody></table>',改成 return '<table style="border-collapse:collapse"><tbody>' + html.join('') + '</tbody></table>'就可以了。