Is possible to hide the write tab in order to see the read tab only?
\u0000
Yes, bro
<pre spellcheck="false">import com.vaadin.flow.component.Composite;\nimport com.vaadin.flow.component.Html;\nimport com.vaadin.flow.component.Tag;\nimport com.vaadin.flow.component.html.Div;\nimport com.vaadin.flow.component.textfield.TextArea;\nimport com.vladsch.flexmark.html.HtmlRenderer;\nimport com.vladsch.flexmark.parser.Parser;\nimport com.vladsch.flexmark.util.ast.Node;\n\n@Tag("markdown-view")\npublic class MarkdownView extends Composite<Div> {\n private final TextArea input = new TextArea();\n private final Div previewView;\n private final Parser parser;\n private final HtmlRenderer renderer;\n\n public MarkdownView() {\n this.previewView = new Div();\n this.parser = Parser.builder().build();\n this.renderer = HtmlRenderer.builder().build();\n this.init();\n }\n\n public MarkdownView(String text) {\n this.previewView = new Div();\n this.parser = Parser.builder().build();\n this.renderer = HtmlRenderer.builder().build();\n if (text != null && !text.isBlank()) {\n this.setValue(text);\n }\n this.init();\n }\n\n private void init() {\n // Direkt nur die Preview anzeigen\n this.previewView.setVisible(true);\n ((Div) this.getContent()).add(previewView);\n\n // Initiales Markdown setzen\n this.updatePreview(this.getValue().isEmpty() ? "Nothing to preview" : this.getValue());\n }\n\n private void updatePreview(String value) {\n String html = String.format("<div>%s</div>", this.parseMarkdown(value));\n Html item = new Html(html);\n this.previewView.removeAll();\n this.previewView.add(item);\n }\n\n private String parseMarkdown(String value) {\n Node text = this.parser.parse(value);\n return this.renderer.render(text);\n }\n\n public void setValue(String value) {\n this.updatePreview(value);\n }\n\n public String getValue() {\n return input.getValue(); // Falls n\u00F6tig\n }\n}\n\n\nHope it helps, cheers \uD83C\uDF7B