یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
5 پاسخ

نحوه استفاده از ویرایشگر متن در صفحه وب

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


ثبت پرسش جدید
علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش آپدیت شد
0

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

ابتدا CDN اش را اضافه کنید : (یا فایل را دانلود کنید و اضافه کنید)

<script src="https://cdn.ckeditor.com/ckeditor5/31.0.0/classic/ckeditor.js"></script>

در قدم بعد یک textarea اضافه کنید :

<textarea name="editor" id="editor" rows="10" cols="80"></textarea>

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

<script>
    CKEDITOR.replace( 'editor' );
</script>

یک ادیتور دیگر (نسبتا سنگین تر) می شناسم که در این لینک فارسی سازی شده و نحوه استفاده از آن هم توضیح داده شده است : https://naghl.blog.ir/post/editor


عبدالرحمان کیانی
تخصص : Backend developer
@abdolrahman 3 سال پیش آپدیت شد
0

منظورتون چیه؟
مثل ادیتور سایت راکت؟ مال راکت که ظاهرا اختصاصیه
ولی میتونین از ckeditor استفاده کنین
نحوه استفاده ش رو هم میتونین اینجا ببینین یاد بگیرین
https://ckeditor.com/docs/ckeditor5/latest/builds/guides/predefined-builds/quick-start.html


محمدرضا فلاحیان
تخصص : دانش اموز
@mohammadrf886 3 سال پیش مطرح شد
0

منظورم همون استفاده از ادیتور هست و اینکه چطور در وب قرار بدیمش


عبدالرحمان کیانی
تخصص : Backend developer
@abdolrahman 3 سال پیش مطرح شد
علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش آپدیت شد
0

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

ابتدا CDN اش را اضافه کنید : (یا فایل را دانلود کنید و اضافه کنید)

<script src="https://cdn.ckeditor.com/ckeditor5/31.0.0/classic/ckeditor.js"></script>

در قدم بعد یک textarea اضافه کنید :

<textarea name="editor" id="editor" rows="10" cols="80"></textarea>

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

<script>
    CKEDITOR.replace( 'editor' );
</script>

یک ادیتور دیگر (نسبتا سنگین تر) می شناسم که در این لینک فارسی سازی شده و نحوه استفاده از آن هم توضیح داده شده است : https://naghl.blog.ir/post/editor


سبحان دادخواه
تخصص : دانشجوی برنامه نویسی :)
@SobhanDadkhah 3 سال پیش آپدیت شد
1

سلام.
عادت کنید که هر ابزاری رو از طریق راهنمایی های رسمی خودش راه اندازی کنید. چون ممکنه ابزار ها روش راه اندازیشون متفاوت باشه!
اما کلیت کار این هست که اول کتابخانه جاوااسکریپتی اون ابزار رو اضافه میکنید به سند HTML خودتون و بعد جایی که میخواین ادیتور قرار بگیره مثلا برای textarea یا کلاس یا آیدی با توجه به مستندات اون ابزار قرار میدین.
مثلا ckeditor:
مستندات راه اندازی نسخه ckeditor 5

مستندات نسخه 4

برای ورژن 4 همونطوری که گفته بعد از اینکه فایل جاوااسکریپتش رو فراخوانی کردید در سند HTML خودتون چه بصورت CDN چه بصورت اینکه فایلش رو دانلود کنید و در داخل پروژتون قرار بدید ؛ باید یک textarea با یک ایدی دلخواه ایجاد کنید و بصورت زیر این textarea رو به ادیتور تبدیل کنید با صدا زدن تابع جاوااسکریپت:


<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>A Simple Page with CKEditor 4</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="../ckeditor.js"></script>
    </head>
    <body>
        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor 4.
            </textarea>
            <script>
                // Replace the <textarea id="editor1"> with a CKEditor 4
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>

هرچی که آیدی Textarea شما باشه ، همون رو باید به عنوان ورودی تابع replace قرار بدید.

روش استفاده از نسخه 5 هم کمی متفاوته اما کلیات کار به همین صورته.
موفق باشید


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

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