React-ace: Ctrl-F ne peut pas être utilisé

Créé le 2 mars 2017  ·  10Commentaires  ·  Source: securingsincity/react-ace

La recherche Ctrl-F ne peut pas être utilisée

Commentaire le plus utile

As-tu eu des erreurs sur la console ?

Ctrl-F essaie de charger l'extension du champ de recherche

Essayez d'utiliser : import 'brace/ext/searchbox';

Tous les 10 commentaires

As-tu eu des erreurs sur la console ?

Ctrl-F essaie de charger l'extension du champ de recherche

Essayez d'utiliser : import 'brace/ext/searchbox';

Je peux confirmer que cela fonctionne lors de l'importation de import 'brace/ext/searchbox' , merci @AlonBe !

Je suggère que nous fermions celui-ci?

merci @AlonBe et @gillesdemey

Existe-t-il un moyen de désactiver la fonctionnalité Ctrl-F à la place, afin que la recherche native du navigateur puisse toujours être utilisée ?

Ce post StackOverflow décrit comment Ace Editor prend en charge la suppression de la commande via

editor.commands.removeCommand('find');

Existe-t-il un moyen de le faire dans 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 explique comment appeler des méthodes sur l'éditeur. aussi onLoad renvoie l'instance de l'éditeur afin que vous puissiez également le faire là-bas.

merci @AlonBe ça marche pour moi !

Salut @yamyamyuo @securingsincity , j'essaye ceci, mais Uncaught TypeError: _this.requestEditor.removeCommand is not a function
Mon code :

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

Quelqu'un peut-il m'aider s'il vous plait ?
@yamyamyuo Si cela a fonctionné pour vous, pouvez-vous s'il vous plaît partager la syntaxe ?

@ hkedia321 cela fonctionne pour moi pour supprimer la recherche (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";

Cette page vous a été utile?
0 / 5 - 0 notes