feature: added placeholder prop and option to pass down props into textarea.

Author: RIP21

README.md

@@ -344,17 +344,22 @@ describe("Renders", () => {
 ### Props
 
 ```tsx
-export interface SimpleMdeReactProps
+export interface SimpleMDEReactProps
   extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
   id?: string;
-  onChange?: (value: string) => void;
+  onChange?: (value: string, changeObject?: EditorChange) => void;
   value?: string;
   extraKeys?: KeyMap;
   options?: SimpleMDE.Options;
   events?: SimpleMdeToCodemirrorEvents;
-  getMdeInstance?: (instance: SimpleMDE) => void;
-  getCodemirrorInstance?: (codemirror: Editor) => void;
-  getLineAndCursor?: (position: Position) => void;
+  getMdeInstance?: GetMdeInstance;
+  getCodemirrorInstance?: GetCodemirrorInstance;
+  getLineAndCursor?: GetLineAndCursor;
+  placeholder?: string;
+  textareaProps?: Omit<
+    React.HTMLAttributes<HTMLTextAreaElement>,
+    "id" | "style" | "placeholder"
+  >;
 }
 ```
 

src/SimpleMdeReact.tsx

@@ -76,6 +76,11 @@ export interface SimpleMDEReactProps
   getMdeInstance?: GetMdeInstance;
   getCodemirrorInstance?: GetCodemirrorInstance;
   getLineAndCursor?: GetLineAndCursor;
+  placeholder?: string;
+  textareaProps?: Omit<
+    React.HTMLAttributes<HTMLTextAreaElement>,
+    "id" | "style" | "placeholder"
+  >;
 }
 
 const useHandleEditorInstanceLifecycle = ({
@@ -155,6 +160,8 @@ export const SimpleMdeReact = React.forwardRef<
     getCodemirrorInstance,
     onChange,
     id: anId,
+    placeholder,
+    textareaProps,
     ...rest
   } = props;
 
@@ -291,7 +298,13 @@ export const SimpleMdeReact = React.forwardRef<
         elementWrapperRef.current = aRef;
       }}
     >
-      <textarea id={id} ref={setTextRef} style={{ display: "none" }} />
+      <textarea
+        {...textareaProps}
+        id={id}
+        placeholder={placeholder}
+        ref={setTextRef}
+        style={{ display: "none" }}
+      />
     </div>
   );
 });