زمانی که به ویرایشگر WYSIWYG نیاز داشتم، ظاهر و عملکردهای آن را به یاد آوردم، اما نام آن را به خاطر نداشتم. بعد از 45 دقیقه، هنوز آن را پیدا کردم... سپس وظیفه خود را گذاشتم که به بسیاری از جمله خودم کمک کنم: فهرستی خلاصه از همه ویرایشگرهای WYSIWYG کمی شناخته شده تر تهیه کنم.
معرفی
این موضوع فهرست گسترده ای از ویرایشگرهای بصری است که تقریباً یا تا حدی قابل استفاده هستند. هدفی که من را راهنمایی کرد، سیستماتیک کردن داده های موجود پراکنده در سراسر اینترنت بود.TinyMCE
یکی از رایج ترین ویرایشگرهای بصری، عملکرد قابل توجهی دارد. افزونه های زیادی وجود دارد، افزونه های زیادی به صورت پیش فرض نصب شده اند.
(مرورگرها: Mozilla 1.3+، MSIE 5.5+، Opera 9.0+، Safari، Chrome)
[سایت رسمی | نسخه ی نمایشی ]
ویرایشگر CK
آنالوگ کامل TinyMCE.
[سایت رسمی]
CLEditor
یک ویرایشگر بصری بدون عارضه، در عملکرد خاصی افراط نمی کند. اما کاملاً درست ساخته شده است ، همه عملکردها به صورت کیفی اجرا می شوند.
(مرورگرها: Firefox 1.5+، Opera 9.50+، Safari 3.0+، Camino 1.0+، اینترنت اکسپلورر 5.5+، Google Chrome)
[سایت رسمی]
NicEdit
ویرایشگر بسیار شبیه به CLEditor است. دارای عملکرد استاندارد
(مرورگرها: Firefox 1.5+، Opera 9.50+، Safari 3.0+، Internet Explorer 5.5+، Google Chrome)
[سایت رسمی]
elRTE
ویرایشگر بصری با کیفیت بسیار بالا. دارای عملکرد گسترده ای است. بسیار با کیفیت ساخته شده است.
(مرورگرها: Firefox 3.5+، Opera 10+، Safari 3.0+، Internet Explorer 7+، Google Chrome)
[سایت رسمی | نسخه ی نمایشی ]
تخم ریزی
ویرایشگر بصری بسیار متوسط. دارای عملکرد استاندارد
[سایت رسمی | نسخه ی نمایشی ]
xinha
ویرایشگر تصویری خوب ویژگی متمایز- بسیاری از اقدامات داخلی. یعنی سفارشی کردن آن برای نیازهای شما دشوار نخواهد بود.
(مرورگرها: Firefox 1.5+، Opera 9+، Safari 3.0+، Internet Explorer 5.5+، Google Chrome)
[سایت رسمی | نسخه ی نمایشی ]
Imperavi (پرداخت)
ویرایشگر بسیار خوبی است، عملکرد عالی نیست، اما کافی است. تعدادی خطا در انتقال از html به ویرایشگر بصری و بالعکس وجود دارد. (ترازها حذف شده است) توجه به این نکته مهم است که Imperavi به عنوان یک افزونه jQuery کار می کند.
مستندات خوبی وجود دارد.
(مرورگرها: Firefox 1.5+، Opera 9+، Safari 4+، Internet Explorer 7+، Google Chrome)
[سایت رسمی | نسخه ی نمایشی ]
مارکیت آپ
Markitup بیشتر شبیه است ویرایشگر راحت html که بیشتر برای یک کاربر حرفه ای مناسب است تا یک کاربر معمولی. اما اگر html بلد هستید، می تواند بسیار راحت باشد.
(مرورگرها: Firefox 3+، Opera 9+، Safari 3+، Internet Explorer 6+، Google Chrome)
[سایت رسمی | نسخه ی نمایشی ]
ویرایشگر Aloha
ویرایشگر خوب، استفاده بسیار آسان. با این حال ، یک منفی بزرگ وجود دارد که تقریباً همه مزایا را تحت الشعاع قرار می دهد - این خودداری از پشتیبانی از مرورگرهای قدیمی و نه چندان قدیمی است (فقط آخرین نسخه های مرورگرها در دسترس هستند).
(مرورگرها: پشتیبانی HTML5 مورد نیاز است، Opera پشتیبانی نمی شود)
[سایت رسمی | نسخه ی نمایشی ]
ویرایشگر مرکوری
مرکوری یک صفحه وب کامل است و می توان از آن برای ویرایش استفاده کرد تمام صفحهیا مناطق خاص از پیش نمایش محتوای ویرایش شده و همچنین ارسال لینک ها، تصاویر، فیلم ها و جداول پشتیبانی می کند. فایل ها را می توان با استفاده از رابط drag"n"drop آپلود کرد.
ویرایشگر نیز پشتیبانی می کند کار مشترکچندین نفر. مرکوری را می توان به صورت ریل مستقل یا با تزریق به کد صفحه نصب کرد. (نیازمند JQuery)
و نکته منفی این است که فقط مرورگرهای زیر پشتیبانی می شوند: Chrome 10+، Safari 5+، Firefox 4+.
[سایت رسمی | نسخه ی نمایشی در صفحه اصلی]
ویرایشگر متن غنی YUI
ویرایشگر بصری از یاهو. همانطور که به درستی اشاره شد، یکی از بهترین ویرایشگرهای بصری است. این دارای عملکرد جامع است، از اکثریت قریب به اتفاق مرورگرها پشتیبانی می کند.
[نسخه ی نمایشی]
MooEditable
مجموعه توابع بسیار محدود است، اما گاهی اوقات بیشتر مورد نیاز نیست.
[نسخه ی نمایشی]
Wysiwyg را باز کنید
ویرایشگر تمام عیار بین مرورگر با تمام ویژگی های مورد نیاز. حتی شامل منوها و دکمه های کشویی جذاب نیز می شود. متأسفانه کروم از آن پشتیبانی نمی کند.
(IE 5.5+، Firefox 1.0+، Mozilla 1.3+ و Netscape 7+)
وقتی صحبت از ویرایشگرهای کد به میان می‌آید، گاهی اوقات به سختی می‌توان دید کلی واضح از همه مزایا و مزایا را به دست آورد عملکرد، که ویرایشگران مختلف می توانند ارائه دهند. با این حال، در نهایت لازم است حداقلیک، بنابراین مهم است که بدانید کدام ویرایشگر برای نیازهای شخصی شما بهترین است.
ویراستاران WYSIWYG اغلب توسط دست سازان به دلیل کد منبع متورم، نامرتب و ناسازگار با استانداردهایی که تولید می کنند مورد انتقاد قرار می گیرند. با این حال، در اخیراویراستاران WYSIWYG بسیار بهتر شده اند. گاهی اوقات شما نیاز دارید که بیشترین امکانات را به مشتریان خود ارائه دهید ابزار سادهتا وب سایت های خود را ویرایش یا به روز کنند. و اینجاست که ویرایشگرهای WYSIWYG ضروری هستند.
توصیه برخی از «بهترین» ویرایشگران به شما اشتباه است، زیرا انتخاب همیشه به نیازها، اهداف اصلی، مهارت ها و تجربه شما بستگی دارد. از این رو در این مقاله سعی شده است تا مروری بر ویرایشگرهای مختلف، مفید و نه چندان WYSIWYG داشته باشیم.
امیدواریم ویرایشگرهای جدیدی پیدا کنید که قبلاً نامشان را نشنیده اید. یا شاید برخی از ویژگی هایی را که از دست داده اید در ویرایشگر مورد علاقه خود بیابید، یا جرأت کنید تعدادی گزینه امیدوارکننده را برای بهبود گردش کار خود آزمایش کنید. علاوه بر این، می توانید دریابید که از کدام ویرایشگرها می توانید استفاده کنید و از چه ابزارهایی نباید استفاده کنید.
چه مفهومی داره WYSIWYG?
در چنین ویرایشگرهایی می توانید نه کد منبع اسناد خود، بلکه نمایش آن را تغییر دهید که (در صورت امکان) در سند نهایی منتشر می شود. بنابراین، به جای نوشتن بلوک‌های کد با دست، طراحی را با اجزاء با استفاده از پنجره ویرایشگر مدیریت می‌کنید. این بدان معنی است که شما چیزی بسیار شبیه به نتیجه نهایی می بینید، اگرچه سند یا تصویر هنوز در حال ایجاد است.
توجه داشته باشید: این مقاله فقط ویرایشگرهای WYSIWYG مبتنی بر دسکتاپ را که در ویندوز، لینوکس یا مک اجرا می‌شوند بررسی می‌کند و ویرایشگرهای جاوا اسکریپت WYSIWIG را بررسی نمی‌کند.
Adobe Dreamweaver
Dreamweaver که قبلاً محصول Macromedia بود، یکی از پرکاربردترین ویرایشگرهایی است که می تواند به توسعه دهندگان کمک کند تا گردش کار خود را بهبود بخشند و در زمان کدنویسی صرفه جویی کنند. اگر نسخه های قبلیگاهی اوقات Dreamweaver کد منبع فانتزی تولید می کرد آخرین نسخهمی تواند (در بیشتر موارد) نشانه گذاری کاملاً تمیز ایجاد کند.
Dreamweaver همچنین ابزارهای مفید مختلفی مانند کتابخانه های قطعه کد، مدیریت ftp، سرور اشکال زدایی و کدنویسی یکپارچه را ارائه می دهد. به عنوان مثال، می‌توانید اطلاعات CSS را در یک صفحه CSS واحد و یکپارچه مشاهده کنید، که مشاهده سبک‌های اعمال شده بر روی عناصر خاص، تعیین مکان تعریف ویژگی‌ها و ویرایش سبک‌های موجود را آسان می‌کند. همچنین لیست ما از آموزش های Dreamweaver را ببینید. قیمت: 400 دلار (نسخه CS3).
برخی از ویژگی های Dreamweaver:
* ویرایش پیشرفته CSS
* محیط برنامه نویسی یکپارچه
* چارچوب اسپری برای آژاکس
* سازگاری مرورگر را بررسی کنید.
* ادغام با Photoshop CS3 و Fireworks.
* قطعه کد (مانند فرمت های CSS)
* مدیریت FTP
* پشتیبانی از XML
* پشتیبانی از FLV
* منابع آموزشی (به عنوان مثال Adobe CSS Advisor)
* افزونه های متعدد برای Dreamweaver.
آمایا
هدف اصلی Adobe Contribute این است که امکان ویرایش وب سایت ها و وبلاگ ها را برای کاربران بدون دانش فنی فراهم کند. Contribute CS3 به نویسندگان اجازه می دهد تا سایت ها و وبلاگ های موجود را با حفظ یکپارچگی سایت به روز کنند. Contribute ادغام با Dreamweaver را ارائه می دهد و به شما امکان می دهد محتوا را با آن پست کنید مایکروسافت آفیسو ویرایش از IE 7 و Firefox.
با استفاده از این ویرایشگر WYSIWYG، نویسندگان می توانند هر وب سایت یا وبلاگی را بدون نیاز به یادگیری HTML ویرایش یا به روز کنند. قیمت: 169 دلار (نسخه CS3).
Adobe Live
در ماه آوریل، Adobe توسعه و فروش GoLive 9 را متوقف کرد. Adobe GoLive توصیه می کند که کاربران به Dreamweaver تغییر مکان دهند، پس از آن احتمالاً نباید GoLive را توصیه کنید (در واقع شگفت آور است. ابزار قدرتمندویرایش، (به زیر مراجعه کنید) برای مشتریان خود.
برخی از ویژگی های Adobe GoLive 9:
* سبک های طراح
* طرح CSS بصری
* دستور قرار دهید
*یکپارچه سازی Adobe InDesign®
* مدیریت رنگ
*پشتیبانی از پلتفرم
* ابزارهای مدیریت سایت
* انتشار سرور
* اشیاء هوشمند
مایکروسافت اکسپرس وب
زمانی که مایکروسافت به دلیل ویرایشگر وب بسیار بد خود (Frontpage) به شدت مورد انتقاد قرار گرفت، اخیراً ویرایشگری به نام Expression ایجاد کرده است که به نظر می رسد بسیاری از پیشینیان خود را به ارث برده است. Expression با ویژگی هایی که بسیار شبیه به Adobe Dreamweaver است، سعی در ایجاد محیطی راحت برای کاربران اینترنت داشته است. با این حال، در یک مقایسه مستقیم، Dreamweaver بیشتر ارائه می دهد و کد تمیزتر تولید می کند. با این حال، Expression کد مناسب و منطبق با استانداردها را تولید می کند و می داند که چگونه با طرح بندی های CSS و CSS کار کند.
نسخه استودیو با دیگران نرم افزارهای کاربردی(گرافیک ابزار طراحی، ابزار رمزگذاری ویدیو و غیره) تقریباً هزینه دارد. 500 دلار مجوز One Expression 350 دلار هزینه دارد. می توانید Expression را با ارتقاء Frontpage دریافت کنید و در هزینه خود صرفه جویی کنید. نسخه آزمایشی به مدت 60 روز برای دانلود رایگان است، اما ثبت نام الزامی است.
لطفاً توجه داشته باشید: Expression جانشین Frontpage نیست، آنها ابزارهای توسعه متفاوتی هستند. Microsoft Expression بیشتر شبیه مایکروسافت است طراح شیرپوینت، بیشتر سازنده است و با هدف ارائه توسعه عمومی وب است. مایکروسافت شیرپوینتطراح با تمرکز بر توسعه و تطبیق با سایت های مبتنی بر شیرپوینت، می تواند به عنوان برادر بزرگ فرانت پیج در نظر گرفته شود.
برخی از ویژگی های Microsoft Expression:
* یکپارچه سازی ASP.NET 2.0
* رندر CSS پیشرفته
* XPath Expression Builder
* ایجاد و قالب‌بندی نماهایی از داده‌های XML استاندارد صنعتی
* شبکه املاک را تگ کنید
* بررسی دسترسی
* اعتبارسنجی استانداردهای بلادرنگ
* پشتیبانی کامل از طرحواره
برخی از ویژگی های NVU:
* مدیر سایت به شما اجازه می دهد تا سایت هایی را که ایجاد می کنید مشاهده کنید.
* پشتیبانی از XML
* اعتبار سنج داخلی
آهنگساز
این جانشین مایکروسافت فرانت پیج است. SharePoint Designer یک ویرایشگر استاندارد WYSIWYG است. به غیر از پشتیبانی از صفحات تعاملی ASP.NET، هیچ چیز انقلابی ارائه نمی دهد. نسخه آزمایشی رایگان موجود است. یک نسخه آنلاین وجود دارد که نیاز به اینترنت اکسپلورر و صبر زیادی دارد.
بعضی از ویژگی های Sharepoint:
* پشتیبانی از صفحات تعاملی ASP.NET
* نمایش داده ها را از RSS، XML، Office XML ایجاد کنید
*همکاری باطراح گردش کار داخلی
* ابزارهای CSS
* صفحات سفارشی شده را ردیابی کنید
* غلط املایی
* ادغام شیرپوینت سرور 2007
با سلام خدمت خوانندگان محترم سایت. زبان HTMLنشانه گذاری پایه و اساس همه سایت های اینترنتی است. اغلب، ناآگاهی از این زبان بسیاری از افراد با استعداد را در راه ایجاد پروژه وب خود متوقف می کند - بالاخره همه تمایلی به برنامه نویسی ندارند. و همه نمی دانند که می توانید کد HTML را نه تنها با نوشتن برچسب در یک دفترچه یادداشت، بلکه با کمک ویرایشگرهای بصری ساده که شبیه Word هستند ایجاد کنید.
- ویژوال (WYSIWYG) - که در آن کل فرآیند ایجاد کد نیازی به دانش HTML ندارد - به شما امکان می دهد متن، تصاویر و سایر عناصر صفحه را در حالت بصری (مانند Word) طراحی کنید - ایجاد عنوان، برجسته کردن پاراگراف ها، تکمیل مطالب با لیست های گلوله ای و غیره و در خروجی کد HTML آماده با تمام تگ ها را دریافت کنید.
- فقط با کد منبع کار می کند - در مقایسه با یک دفترچه یادداشت معمولی، به لطف برجسته سازی و سایر ویژگی ها، به شما امکان می دهد ساختار کد را ببینید. کار با چنین ویرایشگرهایی بدون دانش HTML غیرممکن است.
ویرایشگرهایی در قالب برنامه هایی هستند که باید روی کامپیوتر نصب شوند، مانند visual NVU یا Frontpage، می توانید با کدهای Notepad ++ کار کنید. اما آنالوگ های آنلاین نیز وجود دارد - سایت هایی که در آن ویرایشگر HTMLبه طور مستقیم بر روی وب کار می کند، نیازی به دانلود نیست.
اگر به ندرت برنامه نویسی (ایجاد و ویرایش صفحات وب) انجام می دهید، ویرایشگر آنلاین بسیار راحت است.
تصمیم گرفتم بهترین و مفیدترین HTML را لیست کنم ویراستاران آنلاینبرای من شناخته شده است.
ویرایشگرهای آنلاین ساده HTML
این ویرایشگر بصری HTML توسط بسیاری به عنوان استاندارد در نظر گرفته می شود، زیرا پانل تنظیمات آن تقریباً شامل همه چیزهایی است که یک وب مستر می تواند به آن فکر کند - شکلک ها، ویدیوی یوتیوب، حتی امکان درج کد برجسته شده با برچسب برای تجربه بهتر.
Cut Editor تعویض سه حالت را اجرا می کند:
- دیداری؛
- حالت عملیات کد؛
- پیش نمایش نتیجه
جابجایی توسط برگه هایی در پایین پنجره ویرایشگر انجام می شود.
این ویرایشگر HTML WYSIWYG را می توان در هر سایتی ادغام کرد، می توانید دستورالعمل هایی را از توسعه دهندگان در آنجا پیدا کنید. کنترل پنل را می توان تغییر داد، برای این کار یک کادر کشویی در بالای فرم وجود دارد که 5 مجموعه دکمه کنترل را ارائه می دهد.
این توسعه تنها نیست ویرایشگر آنلاین HTML، اما یک ماژول جاسازی شده است که می تواند در هر سایتی نصب شود، بنابراین در بسیاری از منابع یافت می شود. در صورت تمایل، می توانید آن را در پروژه خود قرار دهید - برای این، منبع را از اینجا بگیرید -.
ماژول ویرایشگر فعلی در اینجا کار می کند.
این یک ویرایشگر WYSIWYG با مقدار زیادکارکرد. همچنین قالب بندی متن و حتی بررسی املای آنلاین نیز وجود دارد.
طراحی صفحه دکمه های سمت راستو در انتها با دکمه "منبع" از نمایش بصری به کد HTML تمام شده سوئیچ می کنید.
ویرایشگر آنلاین HTML 5 دو پنجره ای - راحت است زیرا در یک صفحه می توانید همزمان با کد کار کنید و نتیجه تغییرات ایجاد شده را مشاهده کنید. این ویرایشگربرای افرادی که اصلا HTML را نمی دانند مناسب نیست، زیرا هدف آن کار مستقیم با کد است. که در مجموعه استاندارد، فقط 5 عنصر برای درج سریع وجود دارد - این یک لیست گلوله ای، یک جدول، یک تصویر، یک فرم و یک انتخاب است. همه چیزهای دیگر باید به طور مستقل با استفاده از برچسب ها نوشته شوند.
تغییرات در کد در بخش بصری نه در زمان واقعی، بلکه پس از فشار دادن دکمه "رندر" تکرار می شود.
ویرایشگر می تواند با CSS و جاوا اسکریپت کار کند.
Vulk
ویرایشگر HTML نوع WYSIWYG قابل جاسازی بسیار ساده. حداقل تنظیمات، وزن سبک و سادگی به شما امکان می دهد آن را در هر جایی اضافه کنید، کد منبع مستقیماً از وب سایت توسعه دهنده دانلود می شود - همه چیز به زبان روسی است.
مجموعه کنترل پنل دارای تمام عملکردهای درخواستی است - ساده، اما خوش سلیقه.
در پایین برگه هایی برای تغییر ویرایشگر آنلاین از حالت تصویری به حالت HTML وجود دارد.
JSBin
یک ویرایشگر آنلاین دو پنجره ای ساده با پشتیبانی از HTML، کدهای CSS و JS. در سمت چپ تگ ها را می نویسیم و پیست می کنیم محتوای مورد نظر، و در سمت راست به آنچه در زمان واقعی از آن بیرون می آید نگاه می کنیم. برجسته کردن برچسب به شما امکان می دهد تا نحو صحیح را نظارت کنید. مناسب برای اشکال زدایی اسکریپت های جاوا، که در بسیاری از ویرایشگرهای بصری پشتیبانی نمی شوند.
تغییر به نوع مورد نظرکد واقع در بالا منطقه کار.
ابزارهای حرفه ای توسعه وب
این ویرایشگر به شما امکان می دهد نه تنها با کد HTML کار کنید، بلکه از آن پشتیبانی می کند لیست بزرگزبان های برنامه نویسی از جمله جاوا اسکریپت، پی اچ پی، پرل، پایتون و غیره.
ولی ویژگی اصلینه در این Cloud9ide به چندین برنامه نویس اجازه می دهد تا به طور همزمان روی کد کار کنند - in حساب شخصیدسترسی آزاد برای حلقه خاصی از متخصصان. به همین دلیل ثبت نام الزامی است.
ویرایشگر به وضوح عناصر کد را برجسته می کند، به شرکت کنندگان پروژه اجازه می دهد تا از طریق چت با هم ارتباط برقرار کنند - در یک کلام، همه چیز همانطور که باید انجام می شود.
این ویرایشگر آنلاین از نظر عملکرد شبیه به Cloud9ide است که در بالا توضیح داده شد، همچنین از زبان های زیادی پشتیبانی می کند، می توانید برای سایت خود هم کد HTML معمولی و هم JS و PHP برنامه ریزی کنید. با آن می توانید مستقیماً از طریق FTP به هاست خود متصل شوید و فایل ها را مستقیماً از آن ویرایش کنید. رابط به 3 قسمت تقسیم می شود: قسمت اصلی با کد، در سمت چپ لیستی از فایل ها، در سمت راست پیش نمایشنتیجه
از کار با Dropbox و Google Drive پشتیبانی می کند.
همه تگ های کد برای وضوح برجسته شده اند. تکمیل خودکار برچسب های بسته، تکمیل خودکار داده ها و برجسته سازی عناصر بسته نشده وجود دارد.
قالب‌بندی به شما این امکان را می‌دهد تا با اضافه کردن تورفتگی‌ها و خطوط شکسته، بخش‌های نامطلوب کد را به‌طور خودکار «براش» کنید.
این ویرایشگر HTML دارد ویدیوی کوتاهدستورالعمل، من فکر می کنم آوردن آن اضافی نخواهد بود:
سرویس برای "شانه کردن" کد نشانه گذاری کثیف
این سرویس را نمی توان به ویرایشگرهای آنلاین نسبت داد، اگرچه به شما امکان می دهد با کدهای HTML، JS و CSS کاملا کارآمد کار کنید، اما حالت بصریارائه نشده است. وظیفه ابزار این است که کد را پاکسازی کند - از بین مجموعه‌ای ناشیانه از برچسب‌هایی که به صورت تصادفی به سند وارد می‌شوند، Dirty Markup باعث می‌شود کد ساختاریافته به راحتی خوانده شود. عنصر منطقیو بلوک به راحتی قابل خواندن و درک است.
این سرویس، به عنوان مثال، برای بازیابی خوانایی فایل های فشرده شده برای بهینه سازی، که به منظور یا اصلاح کار یک برنامه نویس متوسط ایجاد شده اند، راحت است.
اسکرین شات های زیر دو کد 100% یکسان را نشان می دهند، یکی بهینه شده و قابل درک نیست، دومی به راحتی توسط شخص قابل خواندن است.
مثل این ابزار مفید- اگر می خواهید در سایتی که قبلاً بهینه شده است تغییراتی ایجاد کنید، می تواند بسیار مفید باشد.
امید امروز آورد لیست HTMLویراستاران آنلاین به شما کمک می کنند تا روی پروژه های خود کارآمدتر کار کنید و به ارتفاعات جدیدی برسید. و در این مورد با همه خداحافظی می کنم.
مقالات مفید:
شکلک های VK - کدهای شکلک های پنهان مانند ...
نحوه کسب درآمد از اینترنت برای یک مبتدی - 23 ...
ویرایشگرهای HTML ویژگی های زیادی دارند، اما ممکن است همه آنها برای شما مفید نباشند. ما فقط ضروری ترین آنها را گذاشتیم. جدول زیر عملکردهای اصلی ویرایشگر تصویری را نشان می دهد که ما خودمان از آن استفاده می کنیم و قطعاً به آن نیاز خواهید داشت. ما نه تنها به شما خواهیم گفت که چه چیزی برای شما مفید است، بلکه چرا.
توابع اصلی
جدول ویژگی های اصلی سرویس. ستون سمت چپ نماد را نشان می دهد، ستون وسط نام تابع و ستون سمت راست توضیحات را می دهد.
| قالب... | برجسته کردن عنوان متن (تگ h1)، عنوان فرعی (تگ h2)، زیر عنوان سطح 3 (برچسب h3) و متن ساده(پیش فرض) (برچسب P). قالب بندی مشخص شده تاثیر زیادی در ارتقاء صفحه در موتورهای جستجو دارد. بنابراین، سایر انواع قالب بندی موجود در این عملکرد توصیه نمی شود. | |
| پررنگ | برجسته کردن یک متن به صورت پررنگ (برچسب قوی). مهمترین عبارات، جملات یا کل پاراگراف ها باید با پررنگ برجسته شوند. برچسب قویهنگام رتبه بندی یک سایت از موتورهای جستجو استفاده می کند، اما تأثیر آن به اندازه سرفصل ها نیست. | |
| لیست شماره گذاری شده | ایجاد لیست های شماره گذاری شده (برچسب های ol، li). چنین لیست هایی باید در درجه اول برای راحتی خواننده ایجاد شود که بر عوامل رفتاری تأثیر مثبت خواهد گذاشت. | |
| لیست گلوله ای | ایجاد لیست های گلوله ای(برچسب ul, li). برخلاف لیست های شماره گذاری شده، در اینجا ترتیب اقلام مهم نیست. | |
| نقل قول | علامت گذاری یک متن به عنوان نقل قول ( برچسب بلوک نقل قول). تگ blockquote باید متنی را که از منابع دیگر به عاریت گرفته شده است در بر گیرد. | |
| ارتباط دادن | درج یک لینک به سایت یا صفحه سایت دیگر (یک برچسب). به خوانندگان کمک می کند تا دریافت کنند اطلاعات بیشترهنگام دنبال کردن یک پیوند و موتورهای جستجو رتبه صفحه ای را که لینک به آن منتهی می شود افزایش می دهد. | |
| تصویر | درج یک تصویر ابتدا عکس باید در اینترنت آپلود شود و دارای آدرس باشد. در کادر محاوره ای، باید «متن جایگزین» را مشخص کنید. | |
| جدول | یک جدول درج کنید. اگر متن حاوی داده های ساختاری است، بهتر است آنها را به صورت جدول ارائه کنید. | |
| شخصیت خاص | کاراکترهایی را وارد کنید که روی صفحه کلید استاندارد نیستند. به عنوان مثال: ®، ™، ¥، ½. |
و این همه؟ چرا اینقدر امکانات کم؟
کد HTML از نظر عملکرد بسیار غنی است و تقریباً می توانید هر چیزی را به آن اضافه کنید. سوال این است که آیا این واقعا ضروری است؟
برای مثال، مواردی مانند فرم‌ها (برچسب فرم)، کادر متنی، چک باکس، دکمه رادیویی (برچسب ورودی) و غیره در صورتی که به اندازه کافی با «موتور» سایت تعامل داشته باشند، می‌توانند در یک سایت باشند. یعنی برای انجام عملکرد در نظر گرفته شده برای آنها: نظر بگذارید، رای دهید، و غیره. و این نیاز به مهارت های برنامه نویسی دارد. در غیر این صورت، این عملکرد تنها باعث گمراهی کاربران و ایجاد ناراحتی در هنگام استفاده از سایت شما می شود.
اگر علاوه بر موارد فوق، می خواهید متن خود را با عناصر طراحی تزئین کنید:
- فونت های مختلف
- خطوط رنگارنگ،
- حروف بزرگ،
- تراز متن غیر پیش فرض،
- جهت متن از راست به چپ،
- شکلک ها،
- و دیگر لذت های طراحی
سپس چنین متنی سایت شما را تبدیل می کند درخت کریسمسکه فقط خانواده و دوستان شما را خوشحال می کند. بسیاری از سایت های محبوب از قابلیت های قالب بندی غنی HTML بهره کامل نمی برند.
امکانات موجود در سرویس ما به شما کمک می کند مقاله خود را به گونه ای تنظیم کنید که هم اعتماد خوانندگان و هم موتورهای جستجو را برانگیزد. اگر واقعاً می خواهید بخش خاصی از متن را با سبک متفاوت برجسته کنید، بهتر است این کار را با استفاده از فایل style.css انجام دهید.
ویرایشگر html WYSIWYG
ویرایشگر html ما دارای ویژگی WYSIWYG است، این کلمه مخفف انگلیسی است. دبلیوکلاه Yشما اس ee منس دبلیوکلاه Yشما جی et، به معنای واقعی کلمه "آنچه می بینید همان چیزی است که به دست می آورید" ترجمه شده است. این ویژگی به شما این امکان را می دهد که محتوای مطالب را در حین ویرایش تا حد امکان نزدیک به آنچه در سایت خود دریافت می کنید هنگام درج قطعه کد html دریافت شده از "منبع" (دکمه) نمایش دهید.
عاقل باش - بازی های معمولی بازی کن!!!
- ترکیبی از استراتژی و RPG.- گرافیک جالب با کیفیت Full HD بدون ترمز.
- دنیای بزرگ، آزادی کامل؛
- هدایای سخاوتمندانه برای بازیکنان جدید.
با این حال، باید به یاد داشته باشید که سایت شما دارای سبک های طراحی است عناصر مختلفمتن (عنوان، فهرست ها، پاراگراف ها، تصاویر). به طور معمول، این سبک ها در فایل style.css ذخیره می شوند. بدون اتصال این فایل، یعنی بدون قرار دادن کد html حاصله در سایت خود، نمی توانید 100% از قابلیت اطمینان نتیجه قابل مشاهده مطمئن باشید. این جمله برای همه صادق است ویرایشگرهای بصریکد
تبدیل ورد به html
سرویس ما می تواند برای تبدیل متن از فایل wordکه در فرمت html. برای انجام این کار، باید قطعه لازم را از word کپی کنید و با فشار دادن دکمه "Paste from Word" در سرویس ما، قطعه کپی شده را در کادر محاوره ای ظاهر شده قرار دهید.
برخلاف سایر مبدل‌های مشابه، سرویس ما قالب‌بندی کلمه را پاک می‌کند و تنها موارد ضروری را باقی می‌گذارد:
- عنوان متن (برچسب h1).
- زیرنویس (برچسب h2, h3).
- پاراگراف/متن ساده (تگ P).
- فونت پررنگ (برچسب قوی).
- لیست شماره گذاری شده (برچسب ol، li).
- لیست گلوله ای (برچسب ul، li).
- مورب (em tag).
- پیوند (تگ a).
- جدول.
- نماد خاص
یعنی عملاً مجبور نیستید کدهای html اضافی را از مواد خود پاک کنید. کافی است متن را به درستی قالب بندی کنید ویرایشگر ورد، آن را با استفاده از سرویس ما به فرمت html تبدیل کنید و بلافاصله نتیجه نهایی را دریافت خواهید کرد.
هر سندی را به HTML خالص. این قالب‌کننده کد آنلاین رایگان به شما کمک می‌کند اسناد خود را سریع و آسان بسازید. می توانید همزمان سند کد منبع تصویری را مشاهده و ویرایش کنید. یکی از این فیلدها را ویرایش کنید و در زمانی که در حال تایپ هستید، تغییرات فوراً در فیلد دیگر منعکس خواهد شد.
ویرایشگر WYSIWYG "آنچه می بینید همان چیزی است که به دست می آورید"
در این بصری کار می کند ویرایشگر متنبسیار شهودی است او مانند رفتار می کند مایکروسافت ورد, دفتر کار جمعی همکارانیا هر ویرایشگر متن غنی دیگری، و به شما این امکان را می دهد که پیش نمایشی کنید که وقتی مقاله خود را در سایت منتشر می کنید، عناصر چگونه به نظر می رسند. لطفا توجه داشته باشید که ظاهربسته به فایل CSS وب سایت ممکن است کمی متفاوت باشد.
ویرایشگر کد منبع
ویرایشگر کد HTML با نحو زیرخط دار بسیاری دارد ویژگی های مفید، مانند:
- شمارشگر خط
- خط فعال را برجسته کنید
- برجسته کردن تگ های باز و بسته شدن مربوطه
- بسته شدن خودکار را برچسب بزنید
- برای جزئیات به زیر مراجعه کنید...
گزینه های تمیز کردن:
- سبک های درون خطی- هر کدام را حذف کنید سبکویژگی برچسب استفاده از آن توصیه می شود فایل جداگانه CSS برای یک ظاهر طراحی شده.
- کلاس و شناسه- تمام ویژگی ها را حذف می کند کلاسو شناسه. اگر مقاله ای را از یک سایت به سایت دیگر منتقل می کنید و می خواهید از شر کلاس های خارجی خلاص شوید، این عملکرد مفید است.
- برچسب های خالی- برچسب هایی را که حاوی چیزی نیستند یا فقط حاوی یک فاصله هستند را حذف می کند.
- برچسب ها با یک فاصله- برچسب هایی که حاوی یک فاصله هستند را حذف می کند
- فضاهای تکراری- فضاهای تکراری ناشی از تمرین بد تغییر متن به راست و تنظیم شکاف در متن را حذف می کند:
- نظرات را حذف کنید- از شر نظرات HTML خلاص شوید:
- ویژگی ها را تگ کنید- تمام ویژگی های برچسب، از جمله سبک ها، کلاس ها، و غیره را پاک می کند. این تنظیم تاثیری ندارد srcتصاویر و ویژگی hrefلینک ها، زیرا در غیر این صورت این برچسب ها بی فایده خواهند شد.
- به متن ساده- حذف تمام برچسب ها، قالب بندی و ترک متن ساده.
گزینه های ویرایشگر HTML
برای نمایش گزینه های تمیز کردن، منوی کشویی ▼ را باز کنید. گزینه های انتخاب شده پس از فشار دادن دکمه اصلی اجرا می شوند تمیز کردن HTML. روی نماد مثلث قرمز در سمت راست کلیک کنید تا فقط یکی از آنها تکمیل شود.
- لغو کنید- بازیابی سند به حالت قبلی. اگر گزینه تمیز کردن نتیجه دلخواه را به همراه نداشت به مرحله قبل بازگردید.
- صفحه جدید- برای شروع از ابتدا کل سند را پاک کنید.
- فشرده کردن- برای ساختن از برگه ها و خطوط جدید استفاده می شود فایل HTMLقابل خواندن برای انسان است، اما روی نمایشگر در مرورگر وب تأثیری نمی گذارد. برای به حداقل رساندن اندازه فایل و موارد دیگر، این کاراکترهای غیر ضروری را حذف کنید بارگذاری سریعصفحات
- نمای درختی- تورفتگی متن را برای برجسته کردن سلسله مراتب تگ تنظیم کنید. با این گزینه می توانید اسناد فشرده را دوباره خوانا کنید.
- رمزگذاری کاراکتر- تصمیم بگیرید که آیا می خواهید رمزگذاری کنید نمادهای خاصیا نه. مثلا
- محتوای نسخه ی نمایشی- پرکردن داشبوردمحتوای آزمایشی به شما کمک می کند تا با این ابزار آزمایش کنید. نسخه ی نمایشی شامل عنوان، جدول، تصاویر، پاراگراف ها و عناصر دیگر است.
- ویرایشگرها را با هم اسکرول کنید- به طور پیش فرض، اگر سند بزرگ باشد، دو ویرایشگر با هم اسکرول می کنند. می توانید این ویژگی را غیرفعال کنید.
- اضافه کردن متن گیج کننده- آیتم Lorem ipsum را به انتهای فایل اضافه می کند. برای افزودن دیگری دوباره کلیک کنید.
نامه های پاک
برای ویرایش این متن اینجا را کلیک کنید یا سند خود را اینجا بچسبانید تا آن را به HTML تبدیل کنید
این نسخه ی نمایشی به شما امکان می دهد تا ویژگی های این ویرایشگر را آزمایش کنید. متنی را در یکی از فیلدها وارد کنید و ببینید که دیگری در زمان واقعی چگونه تغییر می کند!
گزینه های پاکسازی را تنظیم کرده و روی ▼ Cleanup کلیک کنید
با هر یک از ویرایشگرها کار کنید و ببینید که چگونه دیگری در زمان واقعی تغییر می کند:
برای یک شوخی آنلاین خوب، GeekPrank را کامل کنید.
