MarkdownTextAreaProps,
MarkdownTextAreaState
> {
- private id = `comment-textarea-${randomStr()}`;
- private formId = `comment-form-${randomStr()}`;
+ private id = `markdown-textarea-${randomStr()}`;
+ private formId = `markdown-form-${randomStr()}`;
+
private tribute: any;
state: MarkdownTextAreaState = {
<div className="form-group row">
<div className="col-12">
<div
- className="rounded bg-white"
+ className="rounded bg-light overflow-hidden"
style={{
- border: "1px solid var(--bs-border-color)",
+ border: "1px solid var(--medium-light)",
}}
>
<div
className="d-flex flex-wrap"
style={{
- "border-bottom": "1px solid var(--bs-border-color)",
+ "border-bottom": "1px solid var(--medium-light)",
}}
>
{this.getFormatButton("bold", this.handleInsertBold)}
<div>
<textarea
id={this.id}
- className={classNames("form-control border-0", {
+ className={classNames("form-control border-0 rounded-0", {
"d-none": this.state.previewMode,
})}
value={this.state.content}