SinaEditor使用方法详解

程序员文章站 2023-03-12 10:04:15

1.下载SinaEditor 2.JSP调用页面 . 代码如下:

<p>1.下载SinaEditor</p>
<p>2.JSP调用页面</p>
<p class="codetitle"><span onclick="doCopy('code33478')" style="CURSOR: pointer"><u>.</u></span> 代码如下:</p>
<p class="codebody" id="code33478"><br>
<textarea name="problemBody" id="content" style="display:none;" textarea><br>
<iframe src="<%=request.getContextPath() %>/edit/editor.htm?id=content&ReadCookie=0" frameBorder="0" marginHeight="0" marginWidth="0" scrolling="No" width="621" height="457"></iframe></p>
<br>
其中，src="<%=request.getContextPath() %>/edit/editor.htm表示下载的SinaEditor中的editor.htm文件路径；带绿色的两处ID须一致
<p> </p>
<p>3.下载的editor下包含有img.htm和attach.htm,其中第一个为上传图片的，第二个是上传附件的，当然两个是一样的使用方法，都可看做上传文件的。</p>
<p>4.下面是img.htm中上传图片的一个示例。做记载方便下次使用。</p>
<p class="codetitle"><span onclick="doCopy('code25192')" style="CURSOR: pointer"><u>.</u></span> 代码如下:</p>
<p class="codebody" id="code25192"><br>
function chk_imgpath () {<br>
    if($('radio1').checked==true){<br>
   if($("imgpath").value == "https://" || $("imgpath").value == "") {<br>
    window.close();<br>
    return;<br>
   }<br>
   LoadIMG($("imgpath").value);<br>
    }else{<br>
       if($("file1").value == "") {<br>
       alert("请选择上传图片文件！");<br>
       return;<br>
       }<br>
       var filepath = j("#file1").val();<br>
       var filetype = filepath.substring(filepath.lastIndexOf('.'));<br>
       var regu = ".gif.jpg.png.jpge.GIF.JPG.PNG";    <br><br>
    if (regu.indexOf(filetype) == -1) {    <br>
         alert('只允许上传.gif.jpg.png.jpge 类型文件!');<br>
         return ;   <br>
     }<br>
     var f = j('#form1');<br>
     j.ajaxFileUpload({<br>
             type : 'POST',<br>
             secureuri : false,<br>
             fileElementId : 'file1',<br>
             url : '/ask/fileUpload?type=img',<br>
             dataType : 'String',<br>
             success : function(data){<br>
              j("#imgpath").attr("value",data);<br>
                  j("#radio1").attr("checked","true");<br>
                   chk_imgpath();<br>
                   $('pProcessing').style.display='';<br>
             },<br>
             error : function(data){<br>
                 alert('文件上传失败');<br>
             }<br>
           });<br>
    }<br>
  }</p>
<br>					</div>
																				<div class="info-pre-next">
						<p>
							上一篇：							<a href="/article/1998758.html">
								mysql进阶讲解之数据表中带OR的多条件查询							</a>
						</p>
						<p>
							下一篇：							<a href="/article/1998760.html">
								jquery 单引号和双引号的区别及使用注意							</a>
						</p>
					</div>
															<div class="wz_tuijian">
						<p>
							推荐阅读						</p>
						<ul>
														<li>
								<a href="/article/2079747.html" target="_blank" title="php根据分类合并数组的方法实例详解">
									<h2>
										php根据分类合并数组的方法实例详解									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079789.html" target="_blank" title="php用正则表达式匹配中文实例详解">
									<h2>
										php用正则表达式匹配中文实例详解									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079723.html" target="_blank" title="php ZipArchive压缩函数详解实例">
									<h2>
										php ZipArchive压缩函数详解实例									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079703.html" target="_blank" title="php二维数组排序详解">
									<h2>
										php二维数组排序详解									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079704.html" target="_blank" title="php引用传值实例详解学习">
									<h2>
										php引用传值实例详解学习									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079685.html" target="_blank" title="Tomcat详解|乐字节">
									<h2>
										Tomcat详解|乐字节									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079559.html" target="_blank" title="Java8 HashMap详解">
									<h2>
										Java8 HashMap详解									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079465.html" target="_blank" title="Python高级特性切片(Slice)操作详解">
									<h2>
										Python高级特性切片(Slice)操作详解									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079435.html" target="_blank" title="Nginx日志实现访问异常报警详解">
									<h2>
										Nginx日志实现访问异常报警详解									</h2>
								</a>
							</li>
														<li>
								<a href="/article/2079371.html" target="_blank" title="详解django中使用定时任务的方法">
									<h2>
										详解django中使用定时任务的方法									</h2>
								</a>
							</li>
													</ul>
					</div>
									</article>
			</div>
            			
		</main>
		<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer>	</body>
	</html>