Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用syncfusion-react文档编辑器查找文本的第二个匹配项。(Javascript)

使用syncfusion-react文档编辑器查找文本的第二个匹配项。(Javascript)
EN

Stack Overflow用户
提问于 2020-01-28 08:51:03
回答 2查看 119关注 0票数 0

需要使用sync-fusion文档编辑器查找第二次出现的文本,并用红色突出显示文本。

根据文档,他们有findAll()方法,它在整个文档中查找文本并以黄色突出显示。有没有什么办法可以让我自定义突出显示的颜色,并且只在文档中找到第二次出现?

代码语言:javascript
运行
AI代码解释
复制
replaceAll() {
    let textToFind = document.getElementById('find_text').value;
    let textToReplace = document.getElementById('replace_text').value;
    if (textToFind !== '') {
        // Find all the occurences of given text
        this.documenteditor.searchModule.findAll(textToFind);
        if (this.documenteditor.searchModule.searchResults.length > 0) {
            // Replace all the occurences of given text
            this.documenteditor.searchModule.searchResults.replaceAll(textToReplace);
        }
    }
}
render() {
    return (<div>
            <button onClick={this.replaceAll.bind(this)}>Replace All</button>
            <DocumentEditorComponent id="container" ref={(scope) => { this.documenteditor = scope; }} isReadOnly={false} enableSelection={true} enableEditor={true} enableSearch={true}/>
        </div>);
}
EN

回答 2

Stack Overflow用户

发布于 2020-01-29 12:55:38

在使用find和findall执行搜索操作之后。

您可以自定义搜索结果。请参阅以下文档。

https://ej2.syncfusion.com/react/documentation/document-editor/find-and-replace/?no-cache=1#search-results

请尝试在搜索结果中设置索引。虽然所有文本都将突出显示,但基于索引的文本出现时将仅突出显示所选内容。请检查上面的文档是否适合您的需求,或者在找到第二个实例时分享您的用例场景。

此外,文档编辑器不提供任何自定义选项来突出显示搜索结果。

票数 0
EN

Stack Overflow用户

发布于 2020-02-12 16:16:17

关于定制搜索结果

文档编辑器的最新版本(17.4.49)提供了自定义搜索突出显示颜色的选项。请参考下面的示例代码

this.settings ={ searchHighlightColor:'red‘};

DocumentEditorContainerComponent id="container“ref={(scope) => { this.container = scope;}} style={{ 'display':'block','height':'590px‘}} documentEditorSettings={this.settings} enableToolbar={true} locale='en-US'/>

发行说明

https://ej2.syncfusion.com/react/documentation/release-notes/17.4.49/#document-editor

这将帮助您自定义搜索结果的突出显示颜色

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59945023

复制
相关文章
JavaScript:查找/匹配
charAt() 返回在指定位置的字符。 示例:'abc'.charAt(1); //"b" charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 示例:'abc'.charCodeAt(1); //98 indexOf(searchvalue,fromindex) 检索字符串,返回对应下标。 示例:'abcabc'.indexOf('b',0); //1 'abcabc'.indexOf('b',2); //4 search(regexp) 检索与正则表达式相匹配的值,返回对应下标。 示例:'abcabc'.search('b'); //1 'abcabc'.search(/b/img); //1 match(regexp) 找到一个或多个正则表达式的匹配,没有返回null,否则返回数组 示例:'abcabc'.match('b'); //["b"] 'abcabc'.match(/b/img); //["b", "b"] PS:上述regexp,可以是子串、也可以是正则。
奋飛
2019/08/15
5270
Excel技巧 – VLOOKUP(查找项,匹配数据项,使用匹配数据项序号,匹配条件) – 函数填充指定内容
在使用VLOOKUP的时候,请使用绝对引用:https://www.zanglikun.com/17999.html
收心
2023/08/24
1.1K0
Excel技巧 –  VLOOKUP(查找项,匹配数据项,使用匹配数据项序号,匹配条件) – 函数填充指定内容
使用VBA查找并在列表框中显示找到的所有匹配项
有时候,我们想从数据表中搜索指定的内容,但匹配项往往不只一项,而我们想要将匹配项全部显示出来,如下图1所示。
fanjy
2022/04/13
13.7K6
使用VBA查找并在列表框中显示找到的所有匹配项
字符串匹配Boyer-Moore算法:文本编辑器中的查找功能是如何实现的?
关于字符串匹配算法有很多,之前我有讲过一篇 KMP 匹配算法:图解字符串匹配 KMP 算法,不懂 kmp 的建议看下,写的还不错,这个算法虽然很牛逼,但在实际中用的并不是特别多。至于选择哪一种字符串匹配算法,在不同的场景有不同的选择。
帅地
2019/06/11
1.9K0
vuetify富文本编辑器_vue富文本编辑器的使用
最近再弄一个后台管理系统,挑选了不少的编辑器,最终选择了tinymce,UI精美,功能模块多,可按需加载配置 来一张tinymce官网的完整功能的图(没梯子可能访问速度有点慢…)
全栈程序员站长
2022/11/15
2.9K0
vuetify富文本编辑器_vue富文本编辑器的使用
恼人的部分匹配查找
这天有空,小范照常开始了Excel的研习。俗话说,一天不练,手生脚慢;两天不练,功夫减半;三天不练,成了门外汉。对于自己热爱的Excel,小范从不马虎。
fanjy
2021/10/15
1.9K0
在线文档技术揭秘开篇 - 富文本编辑器
依赖浏览器特性,主要是使用到了 designMode、ContentEditable、webkit-user-modify、execCommand 等特性。早期的编辑器都采用这种方案,但可定制的空间有限。例如早期的技术产品 WYSIWYG Editor。
chi
2021/06/28
5K1
在线文档技术揭秘开篇 - 富文本编辑器
vue2.0项目中使用Ueditor富文本编辑器示例
最近在vue项目中需要使用富文本编辑器,于是将Ueditor集成进来,作为公共组件。 在线预览:https://suweiteng.github.io/vue2-management-platform/#/editor 项目地址:https://github.com/suweiteng/vue2-management-platform
全栈程序员站长
2022/07/07
2.1K0
vue2.0项目中使用Ueditor富文本编辑器示例
vue富文本编辑器的使用_elementui富文本
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/04
2.4K0
wangeditor富文本编辑器_vue使用富文本编辑器
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/07
2.2K0
wangeditor富文本编辑器_vue使用富文本编辑器
富文本编辑器 tinymce 的使用
一款简洁表格功能齐全的富文本编辑器,表格编辑有比较强大的功能,支持获取html,设置只读功能
tianyawhl
2020/08/14
1.8K0
文本模糊匹配
文本模糊匹配主要是指对两段文本含义相近程度的计算,当我们需要处理的数据集比较多样或者是未标准化的脏数据时,通过模糊匹配主要实现的是去除重复值的操作。 高级的模糊匹配涉及到的是自然语言处理的一部分内容,这里所说的模糊匹配则是一种相对比较简单的匹配方式,例如两个相近的表达方式(‘underground’ ‘subway’),一些可能出现的拼写错误和较小的语法错误或句法偏移(‘apple’ ‘appel’)以及一些并列词语位置的颠倒之类的等等一些不会涉及到语义分析的一些内容。
爱编程的小明
2022/09/06
2.3K0
文本模糊匹配
搜索:文本的匹配算法
搜索即找到跟搜索词句很相似的文本,例如在百度中搜索"人的名",结果如下 那么怎么评价两个文本之间的相似度呢? 余弦相似度  (cosine similiarity) 本文介绍基于VSM (Vector
alexqdjay
2018/05/11
6.5K0
pdf编辑器进行精准匹配查找设置来进行精确定位。
1、点击[编辑] 2、按<Ctrl+F>键 3、点击[字符格式化] 4、点击[确定] 5、点击[在当前文档所有页面] 6、点击[确定]
裴来凡
2022/05/28
8700
pdf编辑器进行精准匹配查找设置来进行精确定位。
vue富文本编辑器插件推荐_vue富文本编辑器的使用
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/04
1.2K0
Django使用markdown文本编辑器
前端界面的显示: 导入css,js文件,这些文件的路径在\python\Lib\site-packages\mdeditor\static中,将它拷贝至项目的静态文件目录使用即可(注意导入顺序):
TomatoCool
2023/07/30
3570
Nano文本编辑器使用教程
nano是Unix和类Unix系统中的一个文本编辑器,是Pico的复制品(clone)。nano的目标是类似Pico的全功能但又易于使用的编辑器。nano是遵守GNU通用公共许可证的自由软件,自从2.0.7版发布,许可证从GPLv2升级到GPLv3。
一步
2018/08/16
3.1K0
MongoDB查找文档
3、查找文档 // 根据条件查找文档(条件为空则查找所有文档) Course.find().then(result => console.log(result)) // 返回文档集合 [{ _id: 5c0917ed37ec9b03c07cf95f, name: 'node.js基础', author: 'wuyuxin‘ },{ _id: 5c09dea28acfb814980ff827, name: 'Javascript', author: 'wuyuxin‘ }]
Qwe7
2022/05/23
2.7K0
检测到“RuntimeLibrary”的不匹配项
错误是引用的是静态库,但是配置成动态库导致的,只需要修改成”多线程(/MT)“就可 这段错误的意思就是我调用的是静态库,但是我程序是dll动态,但是我这dll调用静态库就调用不成了吗? 解决方案如下
用户3519280
2023/07/08
1.3K0
点击加载更多

相似问题

查找多个文本匹配项(部分匹配)

12

使用列表元素查找大型文档中的匹配项

43

使用Elasticsearch在文本中查找匹配项

10

如何使用javascript查找与字段匹配的项?

36

匹配特定文本JavaScript的项

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档