我做了一个WEB编辑期,请问怎么在文本中间加入表格啊?

GOALSTAR 2002-09-18 11:00:17
我做了一个WEB编辑器,(http://www.csdn.net/editor/Editor.htm)跟这个差不多

但是不知道怎么在一段文本中间插入表格啊,

那里的一插入表格,那表格就自动在下面,我要在中间插入该怎么做啊

我BOSS说是用textRanges做是么?如果是该怎么做呢?
...全文
112 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
qiushuiwuhen 2002-09-19
  • 打赏
  • 举报
回复
<iframe id=demo></iframe>
<input type=button value=insertTable onclick=insertTable()>
<script>
var doc=demo.document
doc.designMode="on"
function insertTable(){
demo.focus();
doc.selection.createRange().pasteHTML("<table border><td>表<td>格</table>")
}
</script>


GOALSTAR 2002-09-19
  • 打赏
  • 举报
回复
以下是我做的插入表格的代码:
但要根据鼠标所在的位置实行插入表格,我就不知道怎么做了?可以告诉我在那里加段什么样的代码可以实现这样的功能么?

function insertTable()
{
var arr = showModalDialog("HTMLEdit/table.htm","","font-family:Verdana; font-size:10; dialogWidth:20em; dialogHeight:20em;status:0");

if (arr != null)
{

var ss;

ss=arr.split("*")
row=ss[0];
col=ss[1];
var string;
string="<table border=1>";
for(i=1;i<=row;i++)
{
string=string+"<tr>";
for(j=1;j<=col;j++)
{
string=string+"<td></td>";
}
string=string+"</tr>";
}
string=string+"</table>";

content=idContent.innerHTML;
content=content+string;
idContent.innerHTML=content;

}
else
{
return false;
}
idContent.focus();
}
GOALSTAR 2002-09-19
  • 打赏
  • 举报
回复
表的问题就OK了
但是~~~~~~~
怎么才可以用下拉列表框把WINDOWS里的字体
就是用系统的字体/!!!!!!!!!!

急~~~~~~~~~~~~~~``
GOALSTAR 2002-09-19
  • 打赏
  • 举报
回复
function insertTable()
{
var arr = showModalDialog("HTMLEdit/table.htm","","font-family:Verdana; font-size:10; dialogWidth:20em; dialogHeight:20em;status:0");

if (arr != null)
{

var ss;

ss=arr.split("*")
row=ss[0];
col=ss[1];
var string;
string="<table border=1>";
for(i=1;i<=row;i++)
{
string=string+"<tr>";
for(j=1;j<=col;j++)
{
string=string+"<td></td>";
}
string=string+"</tr>";
}
string=string+"</table>";

doc.selection.createRange().pasteHTM(string)

}
else
{
return false;
}
idContent.focus();
}
通过啊
接分
GOALSTAR 2002-09-19
  • 打赏
  • 举报
回复
孟兄:

我那个是用ASP。NET加VB。NET做的

我把代码发给你你帮我加上去可以么?

现在比较急~~~~
孟子E章 2002-09-18
  • 打赏
  • 举报
回复
例子:
function doInsertTable(){
var dotable=showModalDialog("editor_table.htm",false,"dialogWidth:200px;dialogHeight:156px;status:0;");
if (dotable!=undefined){
//dotable为表格的html代码
doc.selection.createRange().pasteHTML(dotable);
}else{
return false;
}
Editor.focus();
}



<div title="插入表格" onclick="doInsertTable();">
孟子E章 2002-09-18
  • 打赏
  • 举报
回复
doc.selection.createRange().pasteHTML(dotable);
孟子E章 2002-09-18
  • 打赏
  • 举报
回复
把光标定位到中间

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧