نوشتن مقاله در سایت نکست جی اس
سلام دوستان خسته نباشید.
من می خوام داخل سایتم که با نکست جی اس ساخته شده بخش مقالات اضافه کنم.
مشکل من اینه که نمی دونم روال انجام کار به چه شکل است.
من می خوام تگ های h ، تصاویر و ... رو در مقالاتم استفاده کنم.حتی شاید بخوام استایل بدم.
در واقع قرار نیست مقالات من فقط یه input تکست باشه.
مثلا در همین سایت راکت ادمین موقع نوشتن مقاله چه صفحه ای رو می بینه. آیا خودش مقالاتش رو کد نویسی می کنه یا ابزاری برای این کار براش ساخته شده ؟ یا مثلا سایت های خبری چطوری این کارو می کنند ؟
بعد این مقالات به شکلی باید ذخیره بشن ؟
اگر آموزشی ، منبعی چیزی برای این موضوع دارید ممنون میشم لینکش رو قرار بدید.
پاسخ‌ها
2
سلام
الان خیلی از سایت ها از 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>که البته قابلیت های بیشتری داره که میتونی سرچ کنی یا یه نگاه به اینجا و اینجا و اینجا بندازی
جواب داد بزن بهترین پاسخ ;)
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد