JuicyAceEditor

juicy-ace-editor for vaadin flow

View larger

Close

This add-on is a code editor that supports different programming languages, based on https://www.webcomponents.org/element/Juicy/juicy-ace-editor.

Sample code

		JuicyAceEditor juicyAceEditor = new JuicyAceEditor();
		juicyAceEditor.setValue("demo");
		juicyAceEditor.setTheme(JuicyAceTheme.eclipse);
		juicyAceEditor.setMode(JuicyAceMode.xml);
		juicyAceEditor.setWidth("1000px");
		juicyAceEditor.setHeight("500px");
		juicyAceEditor.setFontsize(15);
		juicyAceEditor.setSofttabs(false);
		juicyAceEditor.setTabsize(15);
		// juicyAceEditor.setReadonly(true);
		// juicyAceEditor.setWrapmode(true);
		// juicyAceEditor.setMaxLines(5);
		// juicyAceEditor.setMinLines(5);
		//juicyAceEditor.setShadowStyle("");
		
		System.out.println("getValue: " + juicyAceEditor.getValue());

		juicyAceEditor.addValueChangeListener(e -> {
			System.out.println("ValueChangeListener: " + e.getValue());
		});

		add(juicyAceEditor);

Links

• Source Code
• Online Demo

Compatibility