راکت
حل شده

بهترین روش برای طراحی text editor ساده

10 پاسخ

سلام وقتتون بخیر
من میخوام یه تکست ادیتور ساده طراحی کنم
اول از execCommand استفاده کردم دیدم مسنوخ شده

شما چه راه حلی پیشنهاد میدید ؟
ممنون میشم همه دوستان نظرشون رو بگن

@asp.gosk

ثبت پرسش جدید

پاسخ‌ها

10
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

بهترین پاسخ

واقعا همه ی نظرات را خوندین؟
جواب های من و همینطور آقای @mhyeganeh پاسخ به سوالتون باید باشه:
https://roocket.ir/discuss/12411#subject-44360
https://roocket.ir/discuss/12411#subject-44382

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

به نظرم باید یک تگ textarea بزاری داخل کدت و کاربر متنشو وارد کنه بعد یکسری button بزاری مثلا bold یا italic یا underline و... که متن رو ببره تو قالب html و یکسری کلید دیگه برای مثلا رسم جدول و... که این کلیدها کد html تولید کنن داخل textarea بعد محتوای html تگ textarea رو ذخیره کنی تو بانک اطلاعاتی. بعد این کدی که شامل textarea هست و button ها و action هاشو کلا یک کلاس یا یک کامپوننت یا یک کتابخونه تبدیل کنی و هرجایی که نیاز داشتی اضافه کنی به پروژه و ازش استفاده کنی.

Mohammad
Mohammad
@Mohammad.Naderi85

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

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

سهیل حیدری
سهیل حیدری
@hbr
<html><head>
<script>
function alertme(){
var textarea = document.getElementById("textArea");  
var selection = (textarea.value).substring(textarea.selectionStart,textarea.selectionEnd);
alert (selection);
}

</script>

</head>
<body> 
<p><textarea class="noscrollbars" id="textArea"></textarea></p>
<button onclick="alertme()">Click me</button>
</body></html>
Mohammad
Mohammad
@Mohammad.Naderi85

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

قبلا در این گفتگو به این موضوع پرداخته شده:
https://roocket.ir/discuss/12411

Mohammad
Mohammad
@Mohammad.Naderi85

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

Mohammad
Mohammad
@Mohammad.Naderi85

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

خواهش میکنم.
به مستنداتش می تونید مراجعه کنید:
https://github.com/markdown-it/markdown-it

در کل همونطور که در گفتگوی ذکر شده، صحبتش رو کردیم، کلا طراحی ویرایشگر ارسال نظر، کار پیچیده ای محسوب میشه.

Mohammad
Mohammad
@Mohammad.Naderi85

خیلی ممنون از راهنمایی همه دوستان 🙏🙏

@milad
@hbr

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

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