getValue() returns old value after search & replace function

[sirbris]

After using search & replace in your editor, the getValue() method returns the old value... would it be possible to trigger a valueChange event after user replaced text via that function or any other method to get the real client side value?

[F0rce]

Hi @sirbris,

Sorry for the late reply.

Unfortunately the search & replace functionality is completely provided by ace. So there is no way to create a custom hook etc.

But I think it is still possible to work around this.

Some time ago the AceChangedEvent was introduced in #21. Maybe, just maybe, you can get the value by registering the AceChangedEvent (which will send a lot of data) as soon as someone hits ctrl + f, wait until all the changes are done (maybe through a debounce function or something like that) and then unregister the AceChangedEvent.

If that's not possible or doesn't work the way I thought it would, it would require a major change to the lit-ace frontend and the @f0rce/ace-builds repo (because the ace editor has some custom functionality like the status bar, etc).

Please let me know if this has pointed you in the right direction or solved the problem.

Take care,
David

[F0rce]

If that doesn't work you could take a look at the sync functionality. I wouldn't know when to use it (as how would you know that a user finished replacing), but it is defined here

ace/src/main/java/de/f0rce/ace/AceEditor.java

Lines 1305 to 1323 in 9e6f600

	/**
	* Forces a sync between client and server without blurring. Use {@link
	* #addSyncCompletedListener(ComponentEventListener)} to get the values after the sync completed.
	*/
	public void sync() {
	this.getElement().callJsFunction("forceSync");
	}
	/**
	* Add a listener to the editor, which listens to when the sync event completed, which is
	* triggered by the {@link #sync()} method. Check {@link AceForceSyncEvent} for all availible
	* returned values.
	*
	* @param listener {@link ComponentEventListener}
	* @return {@link Registration}
	*/
	public Registration addSyncCompletedListener(ComponentEventListener<AceForceSyncEvent> listener) {
	return this.addListener(AceForceSyncEvent.class, listener);
	}

[lucaschraml]

Works if you do a server roundrip afterwards.

So in my case i made somthing like this

public class MyAceEditor extends AceEditor {

@ClientCallable
public boolean roundtrip() {
return true;
}

}

and called it by the executeJs() method on the AceEditor object

aceEditor.sync();
aceEditor.getElement().executeJs("document.getElementById('yourAceEditorId').$server.roundtrip()").then(event -> {

//do what you want to do with the new value :)
System.out.println(aceEditor.getValue());

});