فیلد ویرایشگر دیداری برای گرویتی فرم (منقضی شده)

سلام
امروز میخوام 2 افزونه برای اضافه کردن ویرایشگر دیداری گرویتی فرم معرفی کنم. تا هم برای فیلدهای ارسال پست مهمان ازش استفاده کنید و هم متن های پاراگرافی.

افزونه اول (پیشنهادی):

دانلود از مخزن

این افزونه خیلی خوبی هست و کلی امکانات داره. کار باهاش خیلی راحته. به قسمت “تب عمومی” فیلدهای “متن پاراگرفی” و “متن نوشته” یک گزینه جدید Enable WYSIWYG (CKEditor) اضافه شده که کافیه فقط تیکش رو بزنید.
فیلد “متن پاراگرافی” در قسمت “فیلدهای استاندارد” و فیلد “متن نوشته” در قسمت “فیلدهای ارسال نوشته” وجود دارند.

برای اضافه شدن امکانات جدید ویرایشگر نوشته هم میتونید از مدیریت وردپرس و منوی “فرم ها” و زیر منوی “تنظیمات” مراجعه کنید و تنظیمات WYSIWYG ckeditor رو انجام بدید.

اما این ویرایشگر متن که تو فرم ها ظاهر میشه به صورت پیشفرض انگلیسی هست. برای فارسی سازی ظاهر ویرایشگر در فرم ها به صورت زیر عمل کنید. (خود تنظیمات افزونه ساده هست و نیاز به فارسی سازی نداره و کارهای زیر ظاهر فرم رو فارسی و راستچین میکنه):
1 – فایل gf_wysiwyg_ckeditor_plugin.php موجود در پوشه افزونه رو باز کنید.
2 – کد زیر رو از داخلش پیدا کنید :

$(this).ckeditor(CKEDITOR.tools.extend( {

3 – با کد زیر جایگزین کنید و تمام.

$(this).ckeditor(CKEDITOR.tools.extend( {language: 'fa',

افزونه دوم:

این افزونه تو مخزن وردپرس موجوده. اما یه مشکل کوچیک داشت که با برخی فیلدها نظیر کد تخفیف و … ناسازگار بود و تداخل ایجاد میکرد. من این مشکل رو رفع کردم و به نویسنده اش خبر دادم تا آپدیت کنه ولی فعلا تا آپدیت کنه میتونین از لینکی که براتون میذارم استفاده کنید.

لینک افزونه در مخزن
لینک نسخه رفع شده و فارسی

کار با این افزونه خیلی راحته. کافیه نصبش کنید و به قسمت ساخت فرم جدید برید. در صورتی که از افزونه ای که مشکلش رفع شده استفاده کنید؛ در قسمت فیلدهای استاندارد، یک فیلد با عنوان “ویراشگر دیداری” اضافه شده که میتونید ازش استفاده کنید.

برای فرم های ارسال پست مهمان، نیازی به استفاده از فیلد “ویرایشگر دیداری” نیست و طبق روال گذشته از همون فیلد “متن نوشته” که تو قسمت فیلدهای ارسال نوشته وجود داره استفاده کنید و تیک “فعالسازی ویرایشگر دیداری” رو بزنید.

در صورتی که میخواید دکمه افزودن پرونده چند رسانه ای رو هم به ویرایشگر اضافه کنید به تب “پیشرفته” فیلد برید و از قسمت “افزودن کلاس css”، کلاس media_buttons رو بهش اضافه کنید.

تذکر : این دکمه پرونده چند رسانه ای برطبق تنظیمات وردپرس، فقط برای سطوح کاربری که قابلیت آپلود فایل رو دارند اضافه میشه. پس اگه میخواید که برای سطح کاربری دلخواهتون هم اضافه بشه باید از افزونه هایی که سطح کاربری وردپرس رو ویرایش میکنند استفاده کنید.

نکته بعدی هم در رابطه با دکمه پرونده چند رسانه ای این هست که اگه دوست دارید هر کسی فقط فایلهای آپلود شده خودش رو ببینه از افزونه زیر که تو مخزن هست استفاده کنید . تنظیمات خاصی نداره و بعد از نصب اعمال میشه . فقط مدیران میتونن همه آپلودها رو ببیند.
افزونه wp user media

به این post امتیاز دهید

21 پاسخ

  1. سلام مهندس خسته نباشید . یک سوال دارم خدمتتون من میخوام یک فرمی طراحی کنم که طرف با زدن نام کاربری و پسورد به صفحه خودش بره . و تو صفحه خودش مشخات زیر باشد . . این صفحه برای هر کاربر متفاوت هست
    و میخوام اینها دستی وارد بشن . ممنون میشم ی راهنمایی بکنید . چطر میتونم این فرما طراحی کنم ؟

    نام و نام خانوادگی : علی احمدی
    تعداد سفارشات : 2 سفارش
    سفارشات تسویه شده : 1
    مبالغ واریزی :500000 تومان
    مانده بدهی :750000تومان
    ثبت سفارش جدید

  2. سلام
    چطوری میشه فرم پر شده توسط کاربر را به صورت پست در نظر گرفت؟
    وقتی تکمه “ارسال” زده شده بره روس سایت قرار بگیره

  3. سلام
    خسته نباشید
    من با html یه فرمی رو ساختم و چون از فریم ورک بوت استرپ استفاده کردم ظاهر فرم خیلی برام مهمه و میخواستم خودم دستی کد های php رو براش بنویسم و به درگاه بانک وصلش کنم و …
    ولی حالا که با این افزونه باحال آشنا شدم خیلی علاقه مندم که از این استفاده کنم و البته استفاده هم کردم ولی شکل و شمایل فرم ساخته شده اونطوری که دوست داشتم نشد
    ممنون میشم اگه یک راهنمایی درباره این موضوع به من بدید که آیا امکانش هست که بتونم فیلد های این افزونه رو ظاهرشون رو شخصی سازی کنم یا اینکه مثلا میشه از ورودی های این فرم در فرمی که با html ساختم استفاده کنم؟
    عذر میخوام اگه طولانی شد آخه خیلی برام مهمه

    1. سلام . گرویتی فرم چند تا پلاگین قالب و …. داره ولی خب جالب نمیشه . شما میتونید خیلی راحت با css استایلهایی که مربوط به بوت اسپرت هستش رو به کلاس های وردپرس بدید . البته انگلیسی هم سرچ کنید gravity forms bootstrap چند تا اموزش و … داره براش .

  4. سلام
    من یک قالبی دارم که اندازه فونت گرویتی تو این قالب به شدت ریزه که باید ذره بین برداری اینا را ببینی البته من با ویرایشگر دیداریش تونستم متنشو درشت کنم و با کد نوشته فونت فیلدهاشو درشت کردم ولی اینجا باز دوتا مسئله وجود داره.
    یکی اینکه اگه من این فوتا را بزارم دیگه قابلیت شرطی سازیش کار نمی کنه مسئله دومش اینه که حتی اگه بشه کاری کرد که قابلیت شرطی سازیش کار کنه بازم فونت عنوانش بسیار ریزه و این کد را قبول نمی کنه.
    لطفا کمک کنید قالبم اورجیناله و مشکلی نداره از خود طراحش با ویزا کار خریدم که قابلیت بروزرسانی و پیشتیبانیشم بهم میده ولی مشکل از قالب نیست از فرم سازه که تو همه قالب ها سازگار نیست فقط تو قالبهایی مثل سایت شما سازگاره.
    لطفا راه حل بدید که بتونم اینو حلش کنم، ضروریه.
    چون تماس با ما سایتتون بهم ریخته و نمی شه پیام فرستاد اینجا فرستادم. لطفا اگه میشه ایمیلتون را بدید از این طریق در ارتباط باشم.
    خیلی متشکرم از زحماتتون، تشکر

    1. سلام
      برای تغییر سایز فونت ، نه ربطی به سازگاری داره و نه هیچ چیز دیگه و نه مشکل حساب میشه . شما این رو از هر طراح وبی که مد نظر دارید بپرسید .
      فقط نیاز به اندکی دانش css از جانب شما داره که از داخل style.css قالبتون در عرض 30 ثانیه font-size مربوط به فرم ساز رو ویرایش کنید . در مورد این هم که فرمودید فقط با قالبی مثل قالب بنده سازگار هست لطفا با قالب پیشفرض خود وردپرس نظیر 2015 تست بگیرید و ببینید آیا باز هم نیاز به ذره بین هست یا خیر.
      حالا جدا از بحث گرویتی فرم ، اگه توی css نیاز به کمک دارید لینک صفحه ای که فرمساز موجود هستش رو بذارید تا کد استایل مورد نظر رو براتون بذارم .
      موفق باشید .

      1. سلام
        این مسئله برطرف شده و متشکرم از پاسخ سریعتون.
        من به ایمیل شما پیام فرستادم لطفا یک سری به ایمیلتون بزنید.
        تشکر

  5. سلام و خسته نباشید
    این چند روز همه پست‌ها و کامنت‌هاش رو خوندم 🙂
    همه از یک کنار عالی بودن و کاربردی. واقعا دست مریزاد.
    توی چندتاشون هم نظر گذاشتم 🙂 <3

    درمورد این ویرایشگرهای دیداری؛ اولا باید تشکر کنم. بخاطر معرفی و دوما بخاطر بهبود بخشیدن به افزونه مورد نظر.

    من در ابتدا افزونه دومی رو که خودتون اصلاح کرده بودین نصب کردم. ولی فقط در حالت پیش‌نمایشی که آیجکس (AJAX) غیر فعال هست اون ویرایشگر دیده میشه 🙁
    در دو حالت دیگه؛ فقط یه کادر خالی (بدون دکمه‌های بولد و ایتالیک و …) وجود داره.
    راه حلی هست؟

    بعد این افزونه رو غیرفعال کردم. و افزونه‌ای که در ابتدا معرفی کرده بودید (CKEditor) رو نصب کردم.
    ولی این پیام خطا رو می‌ده:
    Warning
    The plugin CKEditor WYSIWYG for Gravity Forms requires Gravity Forms to be installed.
    Please download the latest version of Gravity Forms and try again
    جالبه این پیام رو بالای صفحه ویرایش فرم می‌ده.

    ——
    پ.ن:
    من گرویتی آخرین نسخه رو طبق راهنمایی خودتون از سایت گیت‌هاب گرفتم.
    گفتم اینو؛ شاید برای راهنمایی نیاز باشه.

    بسیار بسیار ممنونم از پاسخگویی و پشتیبانی شما.
    با احترام
    /مرتضی/

      1. ممنون از شما بابت پیگیری.
        در مورد این خطای
        Warning
        The plugin CKEditor WYSIWYG for Gravity Forms requires Gravity Forms to be installed.
        Please download the latest version of Gravity Forms and try again
        نظری ندارید؟
        ممنون.

  6. باسلام وخسته نباشید خدمت شما
    خواستم بدونم یک فرمی را برای بچه های مدرسه درست کردم وبعد از اینکه اطلاعات شون ارسال شد آیا میشود جایی اطلاعات شون را ببینند وویرایش کنند ویا با یوزر وپسورد به اطلاعات شون دسترسی داشته باشند؟
    با تقدیر وتشکر فراوان

جدیدترین مقالات