کانفیگ مناسب TinyMCE برای زبان فارسی

به طور پیش فرص 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">

 

 

پاک کردن محتوای ویرایشگر tinyMCE

کد پاک کردن محتوای درون ویرایشگر جاری:

tinyMCE.activeEditor.setContent('');

 

همچنین میشه از طریق id به ویرایشگر اشاره کرد:

tinymce.get("full_text").setContent('');

 

در هر دو حالت میتونیم درون کوتیشن ها متن مورد نظر رو بنویسیم که در اینجا خالی هست.