日期:2014-05-18  浏览次数:20413 次

往多行文本框插入字符的问题
我要在后台文本框里编辑发布内容,就象有些论坛回帖发帖那样,可以编辑插入少许几种html元素例如链接,图片等。现在象象有几个难点要解决,一,怎么判断当前光标的位置,二,插入的html元素因该有些符号不能写入数据库,三,输入格式回行等(目前用插入 </br> 解决,不知道如何控制长度并自动回行)。

图片中content部分上面几个图片就是要插入的html按钮。
http://www.doornvogel.info/account/aspnet.jpg

等大大来指点,或哪有相关实例给格代码我参考下。
—————————————华丽的分割线——————————————————
google输入法虽然不错但是海不太习惯用。打着断化用了7分钟-。-

------解决方案--------------------
一,怎么判断当前光标的位置--->

<textarea rows=10 cols=100 onclick= "getCursorPosition() ">
北京时间10月6日,世界三大通讯社之一的法新社刊发图文报道,中国国脚孙继海因为在最近的世界杯预选赛中的表现,已经吸引了意大利俱乐部AC米兰和都灵队的争购。中国队只需在10月7日同阿曼队的比赛中战平就将首次进入世界杯决赛圈。图为孙继海(右)1998年12月19日在亚洲杯上的资料图片。
</textarea>
<script language=JScript>
function getCursorPosition(){
var src = event.srcElement
var oTR = src.createTextRange()
var textLength = src.innerText.length
var line, char, total, cl
oTR.moveToPoint(window.event.x, window.event.y)
oTR.moveStart( "character ", -1*textLength)
cl = oTR.getClientRects()
line = cl.length
total = oTR.text.length
oTR.moveToPoint(cl[cl.length-1].left-2, cl[cl.length-1].top-2)
oTR.moveStart( "character ", -1*textLength)
char = total - oTR.text.length
alert( "行: " + line + ", 列: " + char + ", 第 " + total + " 个字符 ");
}
</SCRIPT>
------解决方案--------------------
三,输入格式回行等(目前用插入 </br> 解决,不知道如何控制长度并自动回行)。
============
自动换行,一般通过css样式控制

<div style=word-break:break-all;with:200px>
.................................
</div>
------解决方案--------------------
弄个在线编辑器就完了吗,LZ,你也不搞组件开发的。够用就行了。

网上有都是,你还费这劲。