ابزار ویرایشگر متن برای ایجاد محتوا - Content Editor

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

Content Editor

• توضیحات بخش های مختلف این ابزار به تفکیک

Editor Items

1. انتخاب فونت
2. انتخاب اندازه متن
3. Paste کردن مطالب:
حالت اول: زمانی که متنی را از ورد کپی می کنید.
حالت دوم: زمانی که به متن ساده نیاز دارید.
4. جستجو و جایگزینی

Editor FindEditor Replace

5. جهت متن: دو حالت راست به چپ برای فارسی و چپ به راست برای انگلیسی
6. اضافه کردن اسمایل و کارکترهای ویژه به متن

Editor SmileEditor Character

7. سورس کد محتوا به زبان Html: در صورتی که نیاز به تغییر کد و یا اضافه کردن کدهای جاوا اسکریپت و ... به محتوا می باشد، از این بخش استفاده می شود.
8. با این دکمه محیط ویرایشگر شما تمام صفحه می شود و با کلیک مجدد روی آن، ویرایشگر به حالت قبل باز می گردد.

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

Editor Set Style Class

اضافه کردن لینک به محتوا
• با انتخاب متن مورد نظر در محتوا برای لینک شدن و کلیک روی آیکون Editor Icon Link پنجره زیر باز می شود.
 
Editor Link

• برای انتخاب لینک سه حالت وجود دارد:
1. نوشتن آدرس لینک در باکس Url مانند:  http://www.abadis.net
2. کلیک روی دکمه Select File و لینک به فایل مورد نظر جهت دانلود مستقیم، از طریق ابزار مدیریت فایل
3. کلیک روی دکمه Select Link و لینک به صفحات،‌ اخبار، مقالات، پرسش و پاسخ و ... به وسیله جستجو در محتوای سایت، از طریق ابزار جستجو و انتخابگر لینک

• برای انتخاب رنگ لینک روی باکس Color کلیک کنید.
• چنانچه نیاز است لینک در تب یا پنجره جدید باز شود به بخش Target مراجعه کنید.
• گزینه Protocol به صورت اتوماتیک مقدار می گیرد و نیاز به تغییر آن نیست.
• برای انجام تنظیمات پیشرفته لینک به تب Advanced مراجعه کنید.
• برای حذف لینک و تبدیل آن به متن ساده روی آیکون Editor Remove Link کلیک کنید.
• در صورتی که روی لینک داخل محتوا دابل کلیک (و یا کلیک راست) کنید، پنجره لینک برای ویرایش تنظیمات باز می شود.

اضافه کردن تصویر به محتوا
• با کلیک روی آیکون Editor Icon Link پنجره زیر باز می شود.

Editor Image

• برای انتخاب تصویر دو حالت وجود دارد:
1. نوشتن آدرس تصویر در باکس Url مانند:  http://abadis.net/files/Skin/Abadis.png
2. کلیک روی دکمه Select و انتخاب تصویر مورد نظر، از طریق ابزار مدیریت فایل

Alternative Text: متن مرتبط با تصویر برای استفاده در موتورهای جستجو و یا هنگامی که تصویر بنا به علتی لود نشده است.
Width: عرض تصویر.
Height: ارتفاع تصویر.
Border: ضخامت حاشیه تصویر. زمانی که می خواهید تصویر را لینک کنید، مقدار این فیلد را 0 قرار دهید.
HSpace: فاصله تصویر از چپ و راست.
VSpace: فاصله تصویر از بالا و پایین.
Alignment: تراز افقی متن. تعیین محل قرارگیری تصویر نسبت به متن.
• برای انجام تنظیمات پیشرفته تصویر به تب Advanced مراجعه کنید.
• در صورتی که روی تصویر داخل محتوا دابل کلیک (و یا کلیک راست) کنید، پنجره تصویر برای ویرایش تنظیمات باز می شود.

اضافه کردن فلش به محتوا
• با کلیک روی آیکون Editor Icon Flash پنجره زیر باز می شود.
 
Editor Flash

• برای انتخاب فلش دو حالت وجود دارد:
1. نوشتن آدرس فلش در باکس Url مانند:  http://abadis.net/files/Flash/Abadis.swf
2. کلیک روی دکمه Select و انتخاب فلش مورد نظر، از طریق ابزار مدیریت فایل

Width: عرض فلش.
Height: ارتفاع فلش.
HSpace: فاصله فلش از چپ و راست.
VSpace: فاصله فلش از بالا و پایین.
• برای انجام تنظیمات پیشرفته فلش به تب Advanced مراجعه کنید.
• در صورتی که روی فلش داخل محتوا دابل کلیک (و یا کلیک راست) کنید، پنجره فلش برای ویرایش تنظیمات باز می شود.
• با کلیک روی تب Properties فرم تنظیمات ویژه فلش نمایش داده می شود:

Editor Flash Property


اضافه کردن جدول به محتوا
• برای قرار دادن دو یا چند عنصر (متن، تصویر و ...)  به صورت هم عرض و هم سطح در صفحه وب می بایست از جدول استفاده کنید. علت این امر آنست که مرورگر ها به طور خودکار چینش هر عنصر را نسبت به عنصر قبلی تنظیم می کنند و بنابراین تمام عناصر زیر هم قرار می گیرند.
• معمولا به دو دلیل اصلی از جدول ها استفاده می شود:
1. سازماندهی کردن اطلاعات.
2. چیدمان یا طرح بندی صفحه با استفاده از جدول های مخفی (بدون استایل و حاشیه).
• با کلیک روی آیکون Editor Icon Table پنجره زیر باز می شود.

Editor Table

Rows: تعداد ردیف ها
Columns: تعداد ستون ها
Width: عرض جدول به درصد یا پیکسل. در صورتی که مقدار این فیلد خالی باشد عرض جدول اتوماتیک تنظیم می شود.
Height: ارتفاع جدول. پیشنهاد می شود مقدار این فیلد همیشه خالی باشد.
Headers: تعیین ردیف یا ستون هدر.
Border Size: ضخامت حاشیه جدول و خانه های آن. در صورتی که می خواهید حاشیه پنهان شود مقدار آن را 0 قرار دهید.
Alignment: طراز افقی متن. برای قرار گرفتن جدول در وسط صفحه مقدار Center را انتخاب کنید.
Cell Spacing: فاصله خارجی بین هر یک از خانه های جدول.
Cell Padding: فاصله داخلی هر یک از خانه های جدول.
Caption: عنوان.
Summary: خلاصه.

• برای انجام تنظیمات پیشرفته جدول به تب Advanced مراجعه کنید.
• در صورتی که روی جدول ایجاد شده داخل محتوا دکمه سمت راست ماوس را بزنید، منوی زیر باز می شود:
 
Editor Table Setting

Table Properties: باز شدن پنجره مشابه پنجره ایجاد جدول، برای ویرایش تنظیمات.
Delete Table: حذف جدول جاری با کل محتویات.
Column: افزودن ستون مشابه، به قبل یا بعد ستون جاری. همچنین امکان حذف ستون.
Row: افزودن ردیف مشابه، به بالا یا پایین ردیف جاری. همچنین امکان حذف ردیف.
Cell: انجام تغییرات مربوط به سلول (خانه جدول) جاری مطابق شکل زیر:

Editor Table Cell Menu

Insert Cell Before: افزودن سلول (خانه جدول) ، قبل از سلول جاری.
Insert Cell After: افزودن سلول، بعد از سلول جاری.
Delete Cells: حذف سلول جاری یا سلول های انتخاب شده.
Merge Cells: ترکیب سلول های انتخاب شده و تبدیل به یک سلول.
Merge Right: ترکیب سلول جاری با سلول سمت راست.
Mege Down: ترکیب سلول جاری با سلول پایین.
Split Cell Horizontally: شکستن سلول جاری و تبدیل به دو سلول چپ و راست.
Split Cell Vertically: شکستن سلول جاری و تبدیل به دو سلول بالا و پایین.
Cell Properties: ویرایش تنظیمات سلول جاری:

Editor Table Cell Properties

Width: عرض سلول به درصد یا پیکسل. در صورتی که مقدار این فیلد خالی باشد عرض سلول اتوماتیک تنظیم می شود.
نکته: تنظیم عرض سلول معادل تنظیم عرض ستون سلول می باشد.
Height: ارتفاع سلول.
نکته: تنظیم ارتفاع سلول معادل تنظیم ارتفاع ردیف سلول می باشد.
Word Wrap: تعیین شکستن یا ثابت ماندن متون داخل سلول.
Horizontal Alignment: طراز افقی متن در سلول.
Vertical Alignment: طراز عمودی متن در سلول.
Cell Type: نوع سلول، ساده یا هدر.
Rows Span: تنظیمات مربوط به جداول پیچیده.
Columns Span: تنظیمات مربوط به جداول پیچیده.
Background Color: رنگ پس زمینه سلول.
Border Color: رنگ حاشیه سلول.

• در صورت انتخاب چند سلول، امکان انجام تنظیمات مشابه وجود دارد.