React-ace: Ctrl-F использовать нельзя

Созданный на 2 мар. 2017  ·  10Комментарии  ·  Источник: securingsincity/react-ace

Поиск по Ctrl-F использовать нельзя

Самый полезный комментарий

Были ли ошибки на консоли?

Ctrl-F пытается загрузить расширение окна поиска

Попробуйте использовать: import 'brace/ext/searchbox';

Все 10 Комментарий

Были ли ошибки на консоли?

Ctrl-F пытается загрузить расширение окна поиска

Попробуйте использовать: import 'brace/ext/searchbox';

Я могу подтвердить, что он работает при импорте import 'brace/ext/searchbox' , спасибо @AlonBe!

Предлагаю закрыть это?

спасибо @AlonBe и @gillesdemey

Есть ли способ вместо этого отключить функцию Ctrl-F, чтобы можно было использовать собственный поиск браузера?

В этом сообщении StackOverflow описывается, как Ace Editor поддерживает удаление команды через

editor.commands.removeCommand('find');

Есть ли способ сделать это в react-ace?

https://github.com/securingsincity/react-ace/blob/master/docs/FAQ.md#how -do-call-methods-on-the-editor-how-do-i-call-undo-or- redo объясняет, как вызывать методы в редакторе. также onLoad возвращает экземпляр редактора, так что вы также можете сделать это там.

спасибо @AlonBe, это работает для меня!

Привет, @yamyamyuo @securingsincity , я пытаюсь это сделать, но получаю сообщение об ошибке: Uncaught TypeError: _this.requestEditor.removeCommand is not a function
Мой код:

this.requestEditor = React.createRef()
.......
this.requestEditor.current.editor.removeCommand('find')
.......
<AceEditor
       ref={this.requestEditor}
/>

Кто-нибудь может мне помочь?
@yamyamyuo Если это сработало для вас, не могли бы вы поделиться синтаксисом?

@ hkedia321 это работает для меня, чтобы удалить поиск (ctrl / cmd-f) из react-ace

  componentDidMount() {
    this.reactAceComponent.editor.commands.removeCommand('find');
    //...
  }

...

  <AceEditor
    ref={refs => { this.reactAceComponent = refs }}
    //...
  />

import "ace-builds/src-noconflict/ext-searchbox";

Была ли эта страница полезной?
0 / 5 - 0 рейтинги