Найдите второе вхождение текста с помощью редактора документов syncfusion-response. (Javascript) - PullRequest
0 голосов
/ 28 января 2020

Необходимо найти второе вхождение текста, используя редактор документов syn c -fusion, и выделить текст красным цветом.

Согласно документу у них есть метод findAll (), он находит текст во всем документе и выделяется желтым цветом. В любом случае я могу настроить цвет выделения и найти только второе вхождение в документе?

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>);
}

Ответы [ 2 ]

0 голосов
/ 12 февраля 2020

Относительно настройки результатов поиска

В последней версии (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 -редактор

Это позволяет настроить цвет подсветки результатов поиска

0 голосов
/ 29 января 2020

После выполнения операции поиска с использованием find и findall.

Вы можете настроить результаты поиска. Пожалуйста, ознакомьтесь с приведенной ниже документацией.

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

Попробуйте установить индекс в результатах поиска. Хотя весь текст будет выделен, а выделение будет выделено при появлении текста на основе индекса. Пожалуйста, проверьте приведенную выше документацию, соответствует ли она вашим требованиям, или просим поделиться сценарием использования при обнаружении второго случая.

Кроме того, редактор документов не предоставляет никаких настроек для выделения результатов поиска.

...