right-to-left markdown widget for netlify-cms

cms.js

import CMS from "netlify-cms-app";
import RTLMarkdownWidget from "./widgets/RTLMarkdownWidget/RTLMarkdownWidget";

//...

CMS.registerWidget(RTLMarkdownWidget.name, RTLMarkdownWidget.ControlComponent, RTLMarkdownWidget.PreviewComponent);

RTLMarkdownWidget.js

import React from "react";
import NetlifyCmsWidgetMarkdown from "netlify-cms-widget-markdown";

const name = "rtlmarkdown";

const PreviewComponent = NetlifyCmsWidgetMarkdown.previewComponent;
const OrgControlComponent = NetlifyCmsWidgetMarkdown.controlComponent;

const ControlComponent = React.forwardRef((props, ref) => {
	return <div dir="rtl">
		<OrgControlComponent {...props} ref={ref} />
	</div>;
});

export default {
	name,
	ControlComponent,
	PreviewComponent,
};