Tutorial ☜ ادیتـور

وضعیت
موضوع بسته شده است و نمی‌توان پاسخ جدیدی فرستاد.

eeeeeeehsan

New member
▪■▄▀▐ادیتـور▌▀▄■▪





ما در این انجمن سه نوع ادیتور داریم؛
ادیتور پایه - فقط متن
ادیتور استاندارد - با فرمتهای مختلف
ادیتور پیشرفته - با همه امکانات

ادیتور پایه به دلیل سادگی در کل زیاد استفاده نمی شود.
ادیتوری که من در حال استفاده آن هستم ادیتور پیشرفته می باشد.

ادیتور پیشرفته با ادیتور ساده در تنظیمات این انجمن تفاوت چندانی ندارد، تنها تفاوت بارز آن روشن بودن همیشگی دکمه
1.png
می باشد که فایده ی آن در ادامه آورده شده است.

برای فعال کردن هرکدام از ادیتورها به قسمت "تنظیمات متفرقه" ی موجود در "تنظیمات شخصی" پروفایل خود بروید.



نکته اضافی: در این انجمن در این ادیتور؛

- برای پست گذاشتن: ییش از 10000 حرف نمی توانید تایپ کنید. یعنی نوشته هایی که تعداد حروفشان بیشتر از 10000 باشد ادیتور ارور می دهد و نمی گذارد شما متن خود را ارسال نمایید. پس دقت لازم را به عمل بیاورید. لازم به ذکر است رنگی کردن، بُلد کردن، تغییر سایز و غیره... جزو حروف تایپ شده حساب می شوند. همچنین تعداد عکس هایی که می توانید در پست ارسال کنید بیش از 4تا مقدور نمی باشد که شامل شکلک ها هم می باشد. (شکلک: عکس با فرمت gif)
- در پیام خصوصی: بیش از 5000 حرف نمی توانید تایپ و ارسال کنید. تعداد عکس و شکلک در پیام خصوصی محدود نیست و بیشتر از 4تا می باشد.
- در پیغام بازدیدکنندگان: بیش از 1000 حرف نمی توانید تایپ و ارسال کنید. تعداد عکس و شکلک در
پیغام بازدیدکنندگان محدود به 4تا می باشد.


نکته اضافی: یکی از قابلیت های ادیتور خاصیت Auto save می باشد (شکل). یعنی چند ثانیه یه بار (بعد از آخرین تغییراتی که ایجاد کردید) متن درون ادیتور را ذخیره می کند و اگر چند ساعت بعد مراجعه کنید می بینید که گزینه ای به نام "بازگردانی محتوای ذخیره شده اتوماتیک" به این شکل پایین ادیتور شما بوجود آمده و با کلیک بر روی آن آخرین تغییرات ذخیره شده داخل ادیتور بازگردانی می شود. در صورتی که متنتان بنا به دلایلی حذف شد و این گزینه مشاهده نشد، صفحه ی مورد نظر را رفرش کنید.









..:: ادیتور استاندارد/ادیتور ارسال پاسخ سریع ::..




%D8%A7%D8%AF%DB%8C%D8%AA%D9%88%D8%B1.png



1.png

در حالت عادی باعث می شود که اگر متن تایپ شده ی شما شامل؛ رنگ، سایز، فونت، حالت و ... باشد، این شرایط به صورت ظاهری به شما نشان داده شود که در صورت ارسال پست شما در تاپیک، متن و حالت پست شما به چه شکلی خواهد بود، در حالتی که برروی این گزینه یک بار کلیک کنید، این دکمه خاموش شده و حالت این بخش به صورتی می شود که سورس تنظیماتی که بروری متن خود انجام داده اید به نمایش در خواهد آمد.

یکی دیگر از فواید روشن بودن این دکمه این است که به عنوان مثال شکلک ها به صورت کد وارد ادیتور نمی شوند و خود شکلک نمایش داده می شود. همچنین به عنوان مثال عکسی را در گوگل سرچ کرده اید، به راحتی می توانید روی عکس راست کلیک کرده و copy image را زده و در ادیتور paste کنید. می بینید که عکس بدون حتی ضمیمه کردن یا هرگونه کد دستوری آماده ارسال پست می باشد.


2.png

اگر شما متنی را از محل دیگری کپی گرفته و در این بخش پیست کنید، ممکن است آن متن شامل: رنگ، سایز، هایپرلینک (لینک قابل کلیک) و ... باشد، اگر بخواهید این حالت ها را از بین ببرید و متن بدون هیچ حالتی در ادیتور به نمایش درآید (فونت و سایز پیش فرض انجمن) کافی است، بعد از پیست کردن محتوا در ادیتور، کل بخش مورد نظر را سلکت (رنگی / ctrl + A) کرده و برروی این گزینه یک بار کلیک کنید. می بینید که متن به صورت خالص نوشته آماده ارسال یا ادیت شدن توسط شما می باشد.
 

eeeeeeehsan

New member
3.png

این گزینه برای جلوگیری از پیش آمدن مشکلی است که با گزینه ی 2 برطرف می شود، شما محتوایی که از صفحه ی دیگری کپی گرفته اید را با کلیک برروی این گزینه و در پنجره ای که باز می شود، پیست می کنید، تا شکل، فرم، استایل، رنگ، سایز و ... متن از بین رفته و به صورت یک متن ساده در ادیتور به نمایش در می آید.

4.png

همان "بـُـلد" کردن معروف است که در ادیتور می توانید از این گزینه استفاده کنید، با انتخاب (رنگی کردن) متن مورد نظرتان و انتخاب این گزینه، آن بخش به صورت "بـُـلد" شده در خواهد آمد. (برای استفاده از این گزینه می توانید از کلید های ترکیبی Ctrl + B کیبورد هم استفاده کنید)

5.png

این گزینه که به حالت "ایـتـالـیـک" معروف است که در ادیتور می توانید از این گزینه استفاده کنید، با انتخاب (رنگی کردن) متن مورد نظرتان و انتخاب این گزینه آن بخش به صورت "ایـتـالـیـک" شده در خواهد آمد (برای استفاده از این گزینه می توانید از کلید های ترکیبی Ctrl + I کیبورد هم استفاده کنید)

6.png

این گزینه که به حالت "آنـدرلـایـن" معروف است که در ادیتور می توانید از این گزینه استفاده کنید، با انتخاب (رنگی کردن) متن مورد نظرتان و انتخاب این گزینه آن بخش به صورت "آنـدرلـایـن" شده در خواهد آمد (برای استفاده از این گزینه می توانید از کلید های ترکیبی Ctrl + U کیبورد هم استفاده کنید)
 

eeeeeeehsan

New member
7.png

این گزینه جهت انتخاب فونت دلخواه برای نمایش متن شما در نظر گرفته شده است، بعد از نوشتن متن مورد نظر خود، با انتخاب متن می توانید از منوی بازشونده فونت دلخواه خود را انتخاب کنید تا برروی متن اعمال شود.

8.png

این گزینه جهت اعمال سایز برروی متن می باشد، در صورتی که می خواهید، هر بخشی از متن شما سایزی متفاوت (بزرگتر یا کوچکتر) از حالت استاندارد داشته باشد، کافی است آن بخش را انتخاب کرده و از منوی بازشونده سایز مورد نظر را انتخاب تا برروی متن شما اعمال شود.

9.png

این گزینه جهت اعمال رنگ به متن در نظر گرفته شده، با انتخاب (رنگی کردن) بخشی که می خواهید رنگ به آن اختصاص داده شود و با باز کردن منوی پالت رنگ ها، کافی است برروی رنگ موردنظر کلیک کنید تا متن انتخابی به رنگ مورد نظر درآید.

10.png

برای قرار دادن شکلک (اسمایل) در بین متنها در نظر گرفته شده. با انتخاب این گزینه پنجره ی مربوط به مجموعه شکلک های پیش فرض انجمن باز خواهد شد، که با کلیک برروی هریک از شکلک ها آن شکلک مورد نظر در بخش ادیتور به نمایش درخواهد آمد.
در پنجره ی باز شده، با کلیک برروی گزینه "بیشتر" می توانید به تعداد بیشتری شکلک پیش فرض انجمن دسترسی داشته باشید.
 

eeeeeeehsan

New member
11.png

هایپرلینک (لینک دار کردن متن):
برای لینک دار کردن متن؛
1- متن خود را در ادیتور نوشته
2- بخش مورد نظر را انتخاب (رنگی) کرده
3- روی دکمه
11.png
کلیک کرده
4- در پنجره ای که باز می شود، لینک مورد نظر را وارد کرده و OK کنید.


%D8%A6%D8%A6%D8%A6%D8%A6%D8%A6%D8%A6%D8%A6.png






12.png

حذف لینک از متن، برای اینکار کافیست بخشی که داری لینک است را انتخاب (رنگی) کرده و برروی این گزینه کلیک کنید، تا متن از حالت لینک دار خارج شود.
 

eeeeeeehsan

New member
13.png

قرار دادن تصویر در انجمن:
قرار دادن عکس در ادیتور، برای اینکار کافیست که آدرس عکس مورد نظر را کپی کرده، سپس برروی این گزینه کلیک کنید تا پنجره ای باز شود، سپس آدرس عکس را در محل مورد نظر پیست کنید و در انتها OK را بزنید. همچنین می توانید با زدن دکمه انتخاب فایل ها از سیستم خود عکس انتخاب و آپلود کنید.

14.png

قرار دادن کلیپ ویدیویی در ادیتور، برای اینکار کافیست آدرس فیلم مورد نظر را کپی کرده، برروی این گزینه کلیک کنید و در پنجره ای که باز می شود، آدرس را پیست نمایید.

15.png

این گزینه ی نقل قول ساده است، در صورتی که قصد دارید به قسمت های خاصی از یک پست پاسخ دهید می توانید از این گزینه استفاده کنید.

برای استفاده از آن مراحل زیر را باید طی کنید:
1- بخش های مورد نظرتان را کپی گرفته و به ادیتور منتقل کنید.
2- سپس متن را انتخاب (رنگی) کرده و بر روی آیکن موجود در ادیتور کلیک کنید.
بخش مورد نظر به صورت نقل قول به نمایش درمی آید.

3- اکنون می توانید در زیر آن جواب خود را بنویسید و پست خود را ارسال کنید.

. . . محل قرار گیری متن شما در نقل قول ساده . . .
 

eeeeeeehsan

New member
..:: ادیتور پیشرفته ::..



برای استفاده از ادیتور پیشرفته باید به صفحه پیشرفته وارد شوید. بدین منظور روی دکمه "صفحه پیشرفته" در کنار دکمه ذخیره یا "تنظیمات اضافی" در کنار دکمه ارسال پاسخ سریع در پایین ادیتور کلیک کنید تا صفحه ادیتور پیشرفته برایتان نمایان شود.


به منظور صرفه جویی در وقت گزینه هایی که در بالا توضیح داده شدند در این قسمت توضیح نخواهند داده شد.

%D8%A7%D8%AF%DB%8C%D8%AA%D9%88%D8%B1_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87.png



1.png

این گزینه برای زمانی مورد استفاده قرار میگیرد که شما قصد دارید محتوای یک فایل ورد (Word) را درون پست منتقل کنید و نمیخواید حالت ها، فواصل و ... بهم بخورد
کافیست محتوای فایل ورد را کپی گرفته و برروی این گزینه کلیک کنید و در پنجره ی باز شده در بخش مورد نظر پیست نمایید و سپس گزینه ی OK را بزنید.

2.png

این گزینه برای ضمیمه کردن فایل به پست شما مورد استفاده قرار میگیرد.
با کلید برروی این گزینه یک پنجره جدید باز می شود، سپس برروی گزینه "اضافه کردن فایل" واقع در بالا سمت چپ صفحه کلیک کرده تا پنجره ی کوچکتری باز شود.
برروی گزینه "انتخاب فایل ها" کلیک کنید تا اکسپلورر ویندوز شما برایتان باز شود تا بتوانید از درون سیستم خود فایل مورد نظر را انتخاب کنید، در انتها گزینه ی آپلود فایل ها را بزنید.
بعد از اتمام عملیات آپلود شدن، در بخش پیوست های موجود در پنجره، تصویری از فایل های آپلود شده ی شما به نمایش در خواهد آمد.
در انتها برای ذخیره فایل پیوست شده ی خود برروی گزینه ی Done کلیک کنید.

3.png

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

eeeeeeehsan

New member
4.png

از این گزینه برای شماره گذاری بر روی سطر های نوشته شده مورد استفاده قرار می گیرد.
بدین صورت که بعد از کلیک بر روی این گزینه، شماره "1." برای شما ظاهر شده و شما می توانید مواردی که شامل آن می شود را بنویسید و بعد از زدن دکمه ی اینتر به خط دوم رفته و شماره ی "2." در ابتدای سطر دوم ظاهر می شود حال می توانید متن شماره ی دو را بنویسید.

5.png

این گزینه برای علامت گذاری برروی سطرهای نوشته شده ی شما مورد استفاده قرار می گیرد.
توضیح و عملکرد این گزینه همانند گزینه ی قبل است با این تفاوت که به جای شماره در ابتدای سطر ها از "." (نقطه) استفاده می شود.

6.png

این گزینه برای زمانی استفاده می شود که شما قصد دارید متن، آدرس یا محتوایی را درون کد قرار دهید، به طور مثال آدرس لینک را درون کد قرار دهید که به حالت قابل کلیک کردن نباشد، یا محتوایی شامل کدهایی دارید که می خواهید به طور منظم در پست شما به نمایش در آید، کافی است محتوای مورد نظرخود را نوشته و یا پیست نمایید و سپس انتخاب کنید و کلید مورد نظر را فشار داده تا متن مورد نظر درون کد قرار گیرد.

7.png

این گزینه هم همانند گزینه ی قبل است، با این تفاوت که برای قرار دادن کدها و محتوای HTML از آن استفاده می شود که درون پست شما به صورت کدهای HTML مرتب شده به نمایش در می آید، کافیست کد HTML مورد نظر را تایپ و یا پیست نمایید سپس کل کدهای مد نظر را انتخاب کرده و برروی این گزینه کلیک کنید.

کلیه کدهای vB در اینجا آورده شده اند.
 

eeeeeeehsan

New member
8.png

این گزینه هم همانند دو گزینه ی قبل است، با این تفاوت که مخصوص قرار دادن محتوای PHP درون آنهاست، نحوه ی عملکرد آن هم مشابه دو مورد فوق است.

9.png

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

مثال :

آمــوزش ادیتور پیشرفته
آمــوزش ادیتور پیشرفته​
آمــوزش ادیتور پیشرفته​


20.png

در یک سطر شامل نوشته اگر یک کلمه خاص را انتخاب کنید و بر روی این گزینه کلیک کنید (به این [SUP]حالت [/SUP]در می آید) مقداری بالاتر از سایر کلمات موجود در سطر قرار می گیرد.

21.png

در یک سطر نوشته یک کلمه ی خاص دیگر را انتخاب کنید و برروی این گزینه کلیک کنید (به این [SUB]حالت [/SUB]در می آید) مقداری پایین تر از سایر کلمات موجود در سطر قرار می گیرد.
این گزینه ها بیشتر برای فرمول نویسی ریاضی و ... و یا نوشتن شعر استفاده می شود.
 

eeeeeeehsan

New member
ترسیم جدول


10.png



11.png

این گزینه برای ترسیم جدول می باشد.
بعد از کلیک کردن برروی این گزینه پنجره ای باز می شود که می توانید تنظیمات جدولی که قصد ترسیم آن را دارید اجرا کنید.

%D8%AC%D8%AF%D9%88%D9%84.png



در بخش Rows می توانید تعداد ردیف (سطر) که قصد دارید برای جدول خود ترسیم کنید را تعیین نمایید.
در بخش Columns می توانید تعداد ستون هایی که قصد دارید برای آن جدول ترسیم کنید را تعیین نمایید.
در بخش Width می توانید عرض ستون ها را مشخص کنید. (به صورت پیش فرض 500px ساخته می شود)
در بخش "سبک جدول" می توانید نوع نمایش جدول خود را تنظیم کنید.
در بخش Alignment می توانید حالت های قرار گیری متن های درون جدول را به صورت راست چین، چپ چین و وسط چین تعیین کنید.

به دلیل کمتر استفاده شدن مباحث جدول، مابقی دکمه های جدول توضیح داده نشده.
درصورت نیاز به آموزش در تاپیک "::: سوالات و اشکالات کاربران از سیستم انجمن و امکانات" در خواست آموزش دهید.



27369023839341142157.png

این گزینه برای کشیدن یک خط افقی بلند در پست استفاده می شود، بدین منظور که اگر بخواهید بین دو بخش از پست خود خطی بکشید می توانید برروی این گزینه کلیک کنید.
 
وضعیت
موضوع بسته شده است و نمی‌توان پاسخ جدیدی فرستاد.
بالا