feat(editor): Added a new optional textDirection property to config to set the 'dir' attribute on the editor div (#592)

feat(config): add textDirection option for RTL/LTR support

- Add textDirection property to AngularEditorConfig
- Bind to HTML dir attribute on editor element
- Supports 'ltr', 'rtl', and 'auto' values

Closes #520

Author: jamesey2001

projects/angular-editor-app/src/app/app.component.ts

@@ -50,7 +50,8 @@ export class AppComponent implements OnInit {
     ],
     toolbarHiddenButtons: [
       ['bold', 'italic'],
-    ]
+    ],
+    textDirection: 'auto'
   };
 
   config2: AngularEditorConfig = {

projects/angular-editor/src/lib/config.ts

@@ -38,6 +38,7 @@ export interface AngularEditorConfig {
   outline?: boolean;
   toolbarHiddenButtons?: string[][];
   rawPaste?: boolean;
+  textDirection?: 'ltr' | 'rtl' | 'auto';
 }
 
 export const angularEditorConfig: AngularEditorConfig = {

projects/angular-editor/src/lib/editor/angular-editor.component.html

@@ -38,6 +38,7 @@
       [attr.tabindex]="disabled ? -1 : tabIndex"
       [attr.translate]="config.translate"
       [attr.spellcheck]="config.spellcheck"
+      [attr.dir]="config.textDirection"
       [style.height]="config.height"
       [style.minHeight]="config.minHeight"
       [style.maxHeight]="config.maxHeight"