javascript - jQuery 选择和替换 div 中的文本

标签 javascript jquery html css

因此,我正在编写一个非常非常基本的文本编辑器,它将允许用户执行某些操作,例如更改文本的颜色、将其设为粗体或应用标题样式。

我遇到的第一个问题是,在文本中选择一个词并对其应用粗体将使它在我进行替换时应用于字符串中该词的第一个实例,我需要能够替换按索引选择的实际元素,而不是直接单词替换。

其次,我是否可以在 div 中设置标签以供用户在其中输入(单击粗体按钮,用户将输入并且其设置过于粗体等,标准的所见即所得行为?)

我的 fiddle 在这里:http://jsfiddle.net/d7uvvywu/12/

抱歉,我是 jQuery 的初学者。

我的文本替换方法。

var span = '<'+htmlCon+'>' + highlight + '<'+htmlCon+'>';
var text = $('#textRegions_1__Text1').html();
$('#textRegions_1__Text1').html(text.replace(highlight, span));

最佳答案

您需要完成的不是获取选中的文本,而是获取选中的索引开始和选中的索引结束。

从文本框(文本区域)中进行选择已经在这里得到很好的讨论:How to get selected text from textbox control with javascript

关于javascript - jQuery 选择和替换 div 中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25261962/

相关文章:

javascript - 创建一个自定义 Angular 原理图来生成以下划线开头的文件?

javascript - POST 请求如何与 jQuery 中的相对路径一起工作?

jquery - 从不同域加载页面的最快方法

jquery - Bootstrap 选择 - 单击时添加数据样式属性

html - 在 div 元素旁边对齐包含多个 div 的 div

javascript - 使用 javascript 的 Asp 更新面板

javascript - 如何使用单个 Javascript 标签同时安装服务 worker 和 list ?

javascript - 为什么我的 jQuery 脚本只执行一次?

javascript - 如何使用相对位置进行图像褪色?

javascript - 如何为具有特定类的嵌套和同级 div 设置交替颜色。