راکت
حل شده

تایپ ریاضی در ادیتور مشابه سایت محفل ریاضی ایرانیان

21 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

21
رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

بهترین پاسخ

سلام مجدد
کسی در حال حاضر تایپ ریاضی رو توی پروژه اش داره. من خیلی تلاش کردم. اما همچنان نتونستم تایپ ریاضی رو روی پروژه ام فعال کنم.
ظاهرا تو ورژن های قبلتر ckeditor این امکان فراهم بوده ولی تو ورژن 5 اونطور که من متوجه شدم تجاری شده.

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

ممنون
حتما بررسی می کنم

شاید پاسخ شما همین‌جا باشد

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

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

سهیل حیدری
سهیل حیدری
@hbr

با سلام
تو سایت ckeditor برید میتونید گزینه هایی رو انتخاب کنید(شخصی سازی کنید برا خودتون) که مربوط به فرمول های ریاضی و نمادهاش هست بعد بهتون فایل کتابخونشو customize میکنه و تحویل میده و بعد که دانلود کردید ازش استفاده کنید

سهیل حیدری
سهیل حیدری
@hbr
سهیل حیدری
سهیل حیدری
@hbr

 تصویر
next step را میزنید و درنهایت کتابخانه customize شده رو دانلود میکنید.

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

ممنون از راهنمایی ای که انجام دادید @hbr . من طبق آموزش شما پیش رفتم و تونستم کتابخونه رو دانلود کنم. گرچه نمی دونم باید این رو چطور روی لاراول نصب کنم. (من قبلا ckeditor با CDN و بدون عملیات خاصی و نصب فقط با درج id="ckeditor" استفاده می کردم.)
لذا اگر براتون ممکن باشه یه راهنمایی هم در مورد نصب انجام بدید یا لینکی که بتونم خودم مطالعه کنم.
اما متاسفانه در هر صورت mathtype ظاهرا تجاری هست و قیمتش هم برای ما ایرانی ها خیلی بالا محسوب میشه. گذشته از اون امکان خرید ارزی هم به لطف مسئولین تقریبا غیرممکنه.
آیا راهکاری سراغ دارید که بشه بدون خرید از این کتابخانه بیشتر از 30 روز استفاده کرد؟
با تشکر
 تصویر

سهیل حیدری
سهیل حیدری
@hbr

با سلام خدمت شما
اصلا به لارول ربطی نداره شما باید کتابخونه اش را توی frontend اضافه کنید و یک div با آی دی تعریف کنید بعد ckeditor رو فراخونی کنید ,و id اون div رو بهش پاس بدید و برای backend هم باید کد html ای با تمام کارکترهاش رو که ckeditor تولید میکنه رو سمت بک اند دریافت کنید و ذخیره کنید تو بانک اطلاعاتی و موقع نمایش همون کد html که ذخیره کردید تو بانکتون نمایشش بدین به کاربر.

سهیل حیدری
سهیل حیدری
@hbr

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

سهیل حیدری
سهیل حیدری
@hbr

به نظرم این لایسنسش ماله موقعی هست که شما میخواید از cdn خوده سایت ckeditor استفاده کنید و اگر دانلودش کنید و بیارید تو لوکال اوکی هست و به مشکل نمیخورید اگر هم بازم بسته بود یک سرچ بزنید تو گیت هاب کتابخونشو دانلود کنید .

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

در لینک زیر برای شرکت هایی که زیر 10 کارمند دارند امکان دانلود ادیتور تایپ ریاضی به صورت رایگان فراهم شده.
اما من نتونستم ازش استفاده کنم.
لطفا بررسی کنید ببینید آیا کسی می تونه این رو برداره و در اختیار من بگذاره.
با تشکر

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

@hbr
بالاخره مستقیما از خود سایت wiris سوال کردم که آیا هیچ نوع خدمات رایگانی برای تایپ فرمولهای ریاضی روی هر یک از ادیتورها دارند یا نه که گفتند نه! 😐
بخشی از پاسخشون:
Thanks for contacting Wiris. At this time, we don't have any free math editors. They are all paid products based on annual subscriptions.

احسان
احسان
@ehsanml

@rafig
سلام منم هم همین مشکل شما رو دارم ...آیا راه حلی پیدا کردید؟ ممنون میشم اگر راهنماییم بفرمائید

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

سلام
@ehsanml
من نهایتا با MATHJAX کارم رو راه انداختم. با اینکه دقیقا اون چیزی که می خواستم نشد اما بد هم نشد و کارم راه افتاد. مستنداتش موجوده. ضمنا رایگانه

احسان
احسان
@ehsanml

سلام @rafig
ممنون از پاسختون
با mathjax آشنا هستم ولی چطور ایدیوتری برای کاربر درست کردید که بتونه ریاضی رو تایپ کنه؟ مثل همین سایت محفل ریاضی ایرانیان؟

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

@ehsanml من یه همچین چیزی درست کردم:
 تصویر
البته من چون به js وارد نیستم یه کلید گذاشتم که که بعد از هر بار که تایپ را انجام داد کاربر باید پیشنمایش رو بزنه تا به صورت ریاضی نمایش داده بشه. اما مطمئنم می شه کاری کرد که اتوماتیک این کار انجام بشه.
ادیتور سایت هم همون ckEditor هستش. باید عبارات ریاضی را بر اساس الگوریتم MAthjax تایپ کنه. مثلا a به توان 2 رو باید a^2 بزنه.
ضمنا تا جایی که می دونم تو اغلب سایتهای حرفه ای حتی تو سایت "انجمن ریاضیات ایران" هم این تایپ با زبان ریاضی هستش.
ولی wiris یه رابط گرافیکی عالی داشت که متاسفانه من نتونستم راه اندازیش کنم. هزینه های با دلار اصلا به صرفه نیست.

احسان
احسان
@ehsanml

ممنون از پاسخ شما
البته من تونستم توی قسمت نظراتم از ویرایشگر پیشرفته یا همون tinymce استفاده کنم و بایک افزونه wiris رو بهش اصافه کنم اما مشکلم اینجاست که تمام دکمه های ویرایشگر پیشرفته داخل قسمت نظرات هست که واقعا لازم نیست و نمیدونم اونها رو چطوری حذف کنم تصویر

همون قسمتی که دورش خط کشیدم تایپ فرموله

من میخوام مانند قسمت نظرات همین سایت یعنی سایت راکت دکمه های مختصری رو داشته باشم

راستی اگه ممکنه اسم سایت خودتون ور بفرمایید👌

رافق مجتهدزاده
رافق مجتهدزاده
@rafig

تخصص: برنامه نویسی php

@ehsanml سایت من سرویس دهنده به آموزشگاهه و فقط مدیریت می تونه لاگین کنه. با این حال آدرسش این است: http://jazebest.ir
ضمنا می شه مسیر استفاده از wiris رو توضیح بدید. من هم می خواستم با wiris کار رو راه بندازم اما هر چی تلاش کردم موفق نشدم.

احسان
احسان
@ehsanml

سلام مجدد
خودمم دقیق یادم نیست ولی تا اونجا که میدونم افزونه wiris رو با اموزش لینک زیر نصب کردم
https://docs.wiris.com/mathtype/en/mathtype-integrations/mathtype-for-cms/mathtype-for-wordpress.html
و تنظیماتش رو برای اضافه کردن به ویرایشگر پیشرفته وردپرس(یا همون tinymce) انجام دادم
و همچنین برای اینکه ویرایشگر پیشرفته وردپرس به کامنت هام اضافه بشه افزونه Comment Form Editor with TinyMCE رو نصب کردم
اگه به مشکل برخوردید بفرمایید اگه بتونم حتما کمک میکنم... یا علی

سید آرین سید مومن
سید آرین سید مومن
@arianseyed

تخصص: junior security researcher

@rafig
درود ، بنده اینجوری درستش کردم
البته این تاپیک برای دوسال پیشه ولی اگر دوستان مثل من به این مشکل خوردن

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://cdn.ckeditor.com/4.16.2/standard-all/ckeditor.js"></script>
</head>
<body>
    <textarea id="editor"></textarea>

    <script>
        CKEDITOR.replace('editor', {
            extraPlugins: 'mathjax',
            mathJaxLib: '//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML',
            height: 300,
            toolbar: [
                { name: 'document', items: ['Source', '-', 'Save'] },
                { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
                { name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },
                { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar', 'Mathjax'] },
                '/',
                { name: 'styles', items: ['Format'] },
                { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
                { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
                { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
                { name: 'tools', items: ['Maximize'] },
                { name: 'about', items: ['About'] }
            ]
        });
    </script>
</body>
</html>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام