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

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
جواد
1 سال پیش توسط جواد مطرح شد
2 پاسخ

نوشتن مقاله در سایت نکست جی اس

سلام دوستان خسته نباشید.
من می خوام داخل سایتم که با نکست جی اس ساخته شده بخش مقالات اضافه کنم.
مشکل من اینه که نمی دونم روال انجام کار به چه شکل است.
من می خوام تگ های h ، تصاویر و ... رو در مقالاتم استفاده کنم.حتی شاید بخوام استایل بدم.
در واقع قرار نیست مقالات من فقط یه input تکست باشه.
مثلا در همین سایت راکت ادمین موقع نوشتن مقاله چه صفحه ای رو می بینه. آیا خودش مقالاتش رو کد نویسی می کنه یا ابزاری برای این کار براش ساخته شده ؟ یا مثلا سایت های خبری چطوری این کارو می کنند ؟
بعد این مقالات به شکلی باید ذخیره بشن ؟
اگر آموزشی ، منبعی چیزی برای این موضوع دارید ممنون میشم لینکش رو قرار بدید.


ثبت پرسش جدید
فرزاد عامری
تخصص : وردپرس
@Farzadameri 1 سال پیش مطرح شد
1

سلام دوست عزیز
در بخش مقالات سایت ها معمولا از ویرایشگر های محبوبی مثل ckeditor و Editorjs استفاده میشن


ایلیا جلائی
تخصص : برنامه نویس وب
@ilya 1 سال پیش مطرح شد
0

سلام
الان خیلی از سایت ها از ckeditor و Editorjs و TinyMCEاستفاده میکنن
اما خودت میتونی توجاوا اسکریپت یدونه بسازی ;)
یک فانکشن داریم به اسم execCommand() که کار رو راحت کرده

این هم یک نمونه کد

<!DOCTYPE html>
<html>
<head>
    <title>ویرایشگر متنی با execCommand</title>
</head>
<body>
    <div contenteditable="true" id="editor">
        اینجا متن خود را وارد کنید...
    </div>

    <button onclick="boldText()">بولد</button>
    <button onclick="insertImage()">افزودن تصویر</button>
    <button onclick="createLink()">ایجاد لینک</button>

    <script>
        function boldText() {
            document.execCommand('bold', false, null);
        }

        function insertImage() {
            var imageUrl = prompt('آدرس تصویر را وارد کنید:');
            if (imageUrl) {
                document.execCommand('insertImage', false, imageUrl);
            }
        }

        function createLink() {
            var url = prompt('آدرس لینک را وارد کنید:');
            if (url) {
                document.execCommand('createLink', false, url);
            }
        }
    </script>
</body>
</html>

که البته قابلیت های بیشتری داره که میتونی سرچ کنی یا یه نگاه به اینجا و اینجا و اینجا بندازی

جواب داد بزن بهترین پاسخ ;)


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

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