کانفیگ مناسب 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">

 

 

تبدیل اعداد فارسی به لاتین

توسط این تکه کد جاوا اسکریپ تمامی اعداد لاتین در سایت تبدیل به اعداد فارسی میشن.

 

با تغییر ورودی تابع traverse میتونید بر اساس نیاز خودتون تغییر بدید قسمت هایی که باید فارسی بشن

$(document).ready(function() {
    persian = {
        0: '۰',
        1: '۱',
        2: '۲',
        3: '۳',
        4: '۴',
        5: '۵',
        6: '۶',
        7: '۷',
        8: '۸',
        9: '۹'
    };

    function traverse(el) {
        if (el.nodeType == 3) {
            var list = el.data.match(/[0-9]/g);
            if (list != null && list.length != 0) {
                for (var i = 0; i < list.length; i++) el.data = el.data.replace(list[i], persian[list[i]]);
            }
        }
        for (var i = 0; i < el.childNodes.length; i++) {
            traverse(el.childNodes[i]);
        }
    }
    traverse(document.body);
});

 

 

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

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

tinyMCE.activeEditor.setContent('');

 

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

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

 

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

ارسال داده با ajax و jquery

ارسال داده به سمت سرور با ایجکس چندین روش داره که اینجا یکی از اون ها رو بیان میکنیم که میشه به سادگی از طریق اون درخواست های GET و POST رو به سرور فرستاد.

 

 

کد html که قصد داریم محتویات فیلد ها رو سمت سرور بفرستیم

<input type="text" id="name"><br>
<input type="text" id="last"><br>
<button id="show">SEND</button>

<div id="tables"> </div>