به طور پیش فرص TinyMCE بصورت چپ به راست تنظیم شده و برای این که به طور پیش فرض برای زبان های راست به چپ مثل فارسی تنطیم بشه، باید اون رو کانفیگ کنیم
کانفیگ مناسب:
tinymce.init({
selector: '#text',
plugins: "directionality image link table media",
toolbar: "undo redo | styleselect | bold italic underline | link image alignleft aligncenter alignright ltr rtl",
menubar: "",
directionality: "rtl",
relative_urls: false,
remove_script_host: false,
convert_urls: true
});
برای این که toolbar بالای سایت هم به سمت راست بره راه های مختلفی هست که شخصا از این کد CSS استفاده میکنم:
#mceu_15-body{
display: grid;
}
#mceu_16-body > div{
float:right;
}
که 15 و 16 که در سلکتور های بالا هست ممکنه در پروژه شما متفاوت باشه که با به inspect کردن به راحتی میتونید پیداش کنید این لاین ها رو
<div id="mceu_15-body" class="mce-container-body mce-stack-layout">
و
<div id="mceu_16-body" class="mce-container-body mce-flow-layout">