نحوه استفاده از ویرایشگر متن در صفحه وب
ببخشید چطور میتونیم از ویرایشگر ها متنی در صفحه وب استفاده کنیم؟ روش استفاده از اونها چطوریه؟
پاسخها
5
سلام
همانطور که گفتند سعی کنید و عادت بدید خودتون رو به استفاده از داکیومنت خودش ...!
ابتدا 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
منظورتون چیه؟
مثل ادیتور سایت راکت؟ مال راکت که ظاهرا اختصاصیه
ولی میتونین از ckeditor استفاده کنین
نحوه استفاده ش رو هم میتونین اینجا ببینین یاد بگیرین
https://ckeditor.com/docs/ckeditor5/latest/builds/guides/predefined-builds/quick-start.html
منظورم همون استفاده از ادیتور هست و اینکه چطور در وب قرار بدیمش
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
سلام.
عادت کنید که هر ابزاری رو از طریق راهنمایی های رسمی خودش راه اندازی کنید. چون ممکنه ابزار ها روش راه اندازیشون متفاوت باشه!
اما کلیت کار این هست که اول کتابخانه جاوااسکریپتی اون ابزار رو اضافه میکنید به سند HTML خودتون و بعد جایی که میخواین ادیتور قرار بگیره مثلا برای textarea یا کلاس یا آیدی با توجه به مستندات اون ابزار قرار میدین.
مثلا ckeditor:
مستندات راه اندازی نسخه ckeditor 5
برای ورژن 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 هم کمی متفاوته اما کلیات کار به همین صورته.
موفق باشید