社区
JavaScript
帖子详情
一个文本编辑的难题
netbat4u
2003-08-23 09:51:11
大致是这样的:一个下拉框select,一个文本框textarea
想实现选择文本框中某些文字,再选择某个下拉选项时候,文字就会改变
如:选定“aa”,然后下拉框select里选择“下标字”,aa就变成<SUB>aa</SUB>
高手帮忙
...全文
22
10
打赏
收藏
一个文本编辑的难题
大致是这样的:一个下拉框select,一个文本框textarea 想实现选择文本框中某些文字,再选择某个下拉选项时候,文字就会改变 如:选定“aa”,然后下拉框select里选择“下标字”,aa就变成aa 高手帮忙
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
AngelGavin
2003-08-31
打赏
举报
回复
找到了一个能对选定的文字进行编辑的例子
但是他的编辑窗口使用的组件,不是 TEXTAREA 所以没有多大用
看来这个问题是解决不了了
UP一下,等待高手
AngelGavin
2003-08-31
打赏
举报
回复
UP
wsyab
2003-08-29
打赏
举报
回复
记号~
wanghr100
2003-08-29
打赏
举报
回复
<html>
<head>
<title>Test</title>
<script>
function boldThis(from) {
strSelection = document.selection.createRange().text
if (strSelection == "") {
return false;
}
else
switch (from) {
case "下标字" :
document.selection.createRange().text = "<SUB>" + strSelection + "</SUB>" ; break;
case "加粗" :
document.selection.createRange().text = "<B>" + strSelection + "</B>" ; break;
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<textarea name="textarea" cols="50" rows="20">这里是测试文字,选中文字,然后可以在选中下拉框</textarea><br>
<Select onchange="boldThis(this.options[this.selectedIndex].value)" onblur="this.options[0].selected=true">
<Option value="请选择" >请选择</Option>
<Option value="下标字">下标字</Option>
<Option value="加粗">加粗</Option>
</form>
</body>
</html>
Yashmak
2003-08-29
打赏
举报
回复
我来了:
由textarea的onSelect触发
在IE中用:
document.selection.createRange().text
或在Navigator中用:
document.getSelection();
可以直接获取页面上任意处的选定文字。
综合一下就是:
text=(document.all)?document.selection.createRange().text:document.getSelection();
至于怎么改写,呵呵,是个难题,
因为你选中的文字可能在texearea里出现过多次,
所以你必须设法确定选定的到底是哪一段。
netbat4u
2003-08-27
打赏
举报
回复
我也有这个困惑:无法得到其中被选中的文字
现在常见的那种编辑器,都是用iframe实现的吧
而且过于庞大了些,我只是想加几个SUB、SUP、UNDERLINE什么的特殊字体
大家帮忙看看有什么好的方法来实现,分不够再加
henry_cn
2003-08-26
打赏
举报
回复
随便找个在线编辑器都有这个功能
arcow
2003-08-26
打赏
举报
回复
去club.sohu.com看看论坛中添加图片的代码
AngelGavin
2003-08-26
打赏
举报
回复
好像做不到诶
好像不能确定TEXTAREA里面选定的是什么字符
所以无法作制定字符的替换
我以前做得也只是在结尾加标签,内容是弹出的输入框输入的
希望有高手能解决,帮你UP一下
netbat4u
2003-08-25
打赏
举报
回复
我顶
高手帮忙啊
【爱码农】C#制作MDI
文本编辑
器
本视频教程非PPT录播方式,而是现场界面搭建、代码输入,充分模仿了
一个
初学者的学习过程。在代码编程过程中的常见错误都直接以实例方式进行调试解决。整个项目由浅入深、层层深入,最终一气呵成!整个教程分成三个...
UEditor富
文本编辑
器
UEditor是由百度WEB前端研发部开发的所见即所得的开源富...百度UEditor的推出,可以帮助不少网站开发者在开发富
文本编辑
器所遇到的
难题
,节约开发者因开发富
文本编辑
器所需要的大量时间,有效降低了企业的开发成本。
php 富
文本编辑
器,曾经用过的十大富
文本编辑
器
富
文本编辑
器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。它的应用也越来越广泛。1、UEditor---百度编辑器网址:...
富
文本编辑
器(UEditor)
富
文本编辑
器的使用
html 富文本框滚动条,web前端:百度编辑器ueditor,编辑框内容太长设置自动滚动...
百度UEditor的推出,可以帮助不少网站开发者在开发富
文本编辑
器所遇到的
难题
,节约开发者因开发富
文本编辑
器所需要的大量时间,有效降低了企业的开发成本。在开发网站的时候,有的页面需要加载ueditor编辑器,如果...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章