Gibt es eine Option, um dem ACE-Editorfenster ein Handle hinzuzufügen, um die Größe des Editorfensters festzulegen veränderbar für den Endbenutzer? Ich habe versucht, interactjs.io zu verwenden und resizable (wahr) auf die .ace_content-Klasse angewendet, aber ohne einen Effekt. Was ist der bevorzugte Weg hier?
Zumindest ab der Version 1.2.3+ (ich habe die vorherigen nicht ausprobiert), könnten Sie verwenden:
%Vor%Dein Ace-Editor füllt seinen Container.
Es gibt keine Out-of-Box-Option dafür und css resizer funktioniert nicht, da es hinter der Bildlaufleiste versteckt wird. Der Editor kann nicht erkennen, wenn die Größe des Container-Dom-Knotens geändert wird.
Das Hinzufügen einer benutzerdefinierten Lösung ist jedoch sehr einfach, siehe Ссылка für eine einfache Art, es zu tun oder benutze jquery resizable wie Ссылка schlägt vor
Sie können (schlanke Sprache):
%Vor%Und in coffiescript:
%Vor%Und feuern Sie dieses Ereignis ab, wenn Sie die Größe von div ändern:
%Vor%Alle hier angegebenen Antworten sind spezifisch für die Größenänderung in JS, aber keiner von ihnen befasst sich damit, wie Sie die Größenänderung tatsächlich hinzufügen oder einstellen könnten (da das CSS3-Größenattribut hinter der Bildlaufleiste verborgen ist)
Hier ist meine Lösung, um das Ace-Editor-Fenster ohne Jitter zu skalieren, mit jQuery UI oder anderen zusätzlichen Bibliotheken (das ist nur eine zusätzliche Erweiterung).
Ziehen wird von einem 2px großen div gehandhabt, das beim mousedown opacity auf 0 im Editor und dann zurück auf 1 bei mouseup setzt.
Dies führt dazu, dass das Wrapper-Div beim Ziehen angezeigt und anschließend ausgeblendet wird. Gewinn!
Tags und Links ace-editor