مطمئنا، چند بار با آن روبرو شده اید ویراستاران ویژوالبه ما اجازه می دهد به راحتی ظاهر صفحات و یا برخی از پیام ها را، به عنوان مثال، در انجمن. و نه S. کد های BBو بلافاصله نتیجه خاصی را دریافت می کنید. این ویراستاران بسیار در اینترنت بسیار زیاد هستند. یکی از محبوب ترین است tinymceبا این حال، من طرفدار اسکریپت های خودم هستم و معتقدم که برای هر کار باید راه حل آن باشد، نه جهانی بنابراین، در این مقاله من خواهم گفت چگونه برای ایجاد ویرایشگر بصری در جاوا اسکریپت.
بلافاصله یک کد نسبتا به خوبی توضیح داده شده است:
در نگاه اول، به نظر می رسد که کد بسیار پیچیده است. و به همین ترتیب، اما اگر شما آن را طبق عناصر اساسی در نظر بگیرید، هیچ چیز پیچیده ای وجود ندارد. وجود دارد فرم عادی و زمینه پنهانجایی که در نتیجه ویرایشگر ذخیره می شود کد HTML. ویرایشگر خود فریم معمولی است، یعنی معمول است صفحه HTMLکه در آن می توانیم متن را بنویسیم ( designmode \u003d "در") و قالب بندی های مختلف با استفاده از روش ایجاد می شوند مجتمع ()که دستور مشخص شده در پارامتر را انجام می دهد. و ایجاد دکمه های جدید و پیوستن به Handlers های مشابه به آنها، من فکر می کنم که آن را برای شما دشوار نیست.
هیچ چیز اضافی در این اسکریپت وجود ندارد، تنها مهمترین و مهم ترین، و شما می توانید آن را به عنوان پایه ای برای ایجاد ویرایشگر بصری خود را به جاوا اسکریپتدر آن هیچ چیز اضافی نخواهد بود، اما تنها چیزی که شما نیاز دارید.