110
2025-01-15 05:18
admin一、谁有比较简洁实用的在线编辑器，适用于PHP站的 - 技术问答
感谢各位帮忙，感觉SinaEditor_PHP还不错，先用这个了
二、PHP中使用在线编辑器。。
实际中，在编辑器中上传的图片，是直接上传到了站点上编辑器设定的目录中。
编辑器窗体中能够显示出图片，实际上显示的是 <img scr=站点上图片的目录 /> 这样的一个标签，因为图片已经上传到了站点，所以能够在编辑器的窗体中显示出来。
实际上，编辑器在页面中时通过js加载过来的，它会取代html页面中 <textarea></textarea>标签(即<textarea>的display为none)，即编辑器中有什么值，<textarea></textarea>中就有什么值，它们的值是同步的。
在html页面提交的时候，实际上提交的事 <form></form> 中的 <textarea></textarea>，在处理提交的php页面，通过 $_POST['textarea的名字'] 变量就能获取 编辑器中的值(即代码)。
三、PHP在线编辑器 只要一个功能 添加表情
<?php<br>function get_ubb($str) {<br><br> $str = preg_replace("/(\[)em(.*?)(\])/i", "<img src=\"em/\\2.gif\" />", $str);<br> return $str;<br>}<br><br>if($_POST['sub']){<br> echo get_ubb($_POST[message]);<br>}<br><br>?><br><script><br>function inserttag(topen,tclose){<br>var themess = document.getElementById('con');//编辑对象<br>themess.focus();<br>if (document.selection) {//如果是否ie浏览器<br> var theSelection = document.selection.createRange().text;//获取选区文字<br> //alert(theSelection);<br> if(theSelection){<br> document.selection.createRange().text = theSelection = topen+theSelection+tclose;//替换<br> }else{<br> document.selection.createRange().text = topen+tclose;<br> }<br> theSelection='';<br><br>}else{//其他浏览器<br><br> var scrollPos = themess.scrollTop;<br> var selLength = themess.textLength;<br> var selStart = themess.selectionStart;//选区起始点索引，未选择为0<br> var selEnd = themess.selectionEnd;//选区终点点索引<br> if (selEnd <= 2)<br> selEnd = selLength;<br><br> var s1 = (themess.value).substring(0,selStart);//截取起始点前部分字符<br> var s2 = (themess.value).substring(selStart, selEnd)//截取选择部分字符<br> var s3 = (themess.value).substring(selEnd, selLength);//截取终点后部分字符<br><br> themess.value = s1 + topen + s2 + tclose + s3;//替换<br><br> themess.focus();<br> themess.selectionStart = newStart;<br> themess.selectionEnd = newStart;<br> themess.scrollTop = scrollPos;<br> return;<br>}<br>}<br></script><br><hr/><br><font size=2><br><img src="em/0.gif" onclick='inserttag("[em0","]");' /> <br><img src="em/1.gif" onclick='inserttag("[em1","]");' /><br><img src="em/2.gif" onclick='inserttag("[em2","]");' /><br><img src="em/3.gif" onclick='inserttag("[em3","]");' /><br><img src="em/4.gif" onclick='inserttag("[em4","]");' /><br><img src="em/5.gif" onclick='inserttag("[em5","]");' /> <br><img src="em/6.gif" onclick='inserttag("[em6","]");' /><br><img src="em/7.gif" onclick='inserttag("[em7","]");' /><br><img src="em/8.gif" onclick='inserttag("[em8","]");' /><br><img src="em/9.gif" onclick='inserttag("[em9","]");' /><br> <form action="" method="post"><br> <textarea name="message" id="con" cols="70%" rows="10"></textarea><br><br> <input type="submit" name="sub" value="提交"/><br><br></form> <br><br>表情放在em文件夹下面<br><br>QQ：706561147
- 相关评论
- 我要评论
-
2
1
