React-ace: Ctrl-F no se puede utilizar

Creado en 2 mar. 2017  ·  10Comentarios  ·  Fuente: securingsincity/react-ace

No se puede utilizar la búsqueda Ctrl-F

Comentario más útil

¿Tuviste algún error en la consola?

Ctrl-F intenta cargar la extensión del cuadro de búsqueda

Intenta usar: import 'brace/ext/searchbox';

Todos 10 comentarios

¿Tuviste algún error en la consola?

Ctrl-F intenta cargar la extensión del cuadro de búsqueda

Intenta usar: import 'brace/ext/searchbox';

Puedo confirmar que funciona al importar import 'brace/ext/searchbox' , ¡gracias @AlonBe!

Sugiero que cerremos este.

gracias @AlonBe y @gillesdemey

¿Hay alguna forma de deshabilitar la funcionalidad Ctrl-F en su lugar, para que la búsqueda nativa del navegador aún se pueda usar?

Esta publicación de StackOverflow describe cómo Ace Editor admite la eliminación del comando a través de

editor.commands.removeCommand('find');

¿Hay alguna forma de hacer esto en 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- rehacer explica cómo llamar a métodos en el editor. también onLoad devuelve la instancia del editor para que también pueda hacerlo allí.

gracias @AlonBe ¡ esto funciona para mí!

Hola @yamyamyuo @securingsincity , estoy intentando esto, pero Uncaught TypeError: _this.requestEditor.removeCommand is not a function
Mi código:

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

¿Alguien puede ayudarme por favor?
@yamyamyuo Si te ha funcionado, ¿puedes compartir la sintaxis?

@ hkedia321 esto me funciona para eliminar la búsqueda (ctrl / cmd-f) de react-ace

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

...

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

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

¿Fue útil esta página
0 / 5 - 0 calificaciones