เครื่องมือใดสามารถเป็นระเบียบเรียบร้อย / เยื้อง HTML5 [ปิด]


13

ฉันใช้เวลาค้นหาไปแล้วประมาณ 2 ชั่วโมงกับ google และลองใช้เครื่องมือต่าง ๆ แต่ไม่ใช้แท็กเยื้องต่อคำพูดหรือไม่รองรับ HTML5 เช่นระเบียบ HTML ที่มีชื่อเสียงซึ่งอัปเดตเมื่อ 3 ปีที่แล้ว ...

NB ฉันไม่ต้องการใช้สิ่งนี้กับแหล่งที่มาของหน้า (เช่น PHP หรือ JS จะทำ) แต่กับรหัสในโปรแกรมแก้ไขเพื่อให้ลำดับชั้นที่ชัดเจนปรากฏขึ้นระหว่างแท็ก

เป็นการดีที่ฉันต้องการเครื่องมือ Mac OS X แต่ฉันจะใช้เครื่องมือออนไลน์ใด ๆ และในการ resot ล่าสุดที่เข้ากันได้กับไวน์

ป.ล. ตอนนี้ฉันใช้ Coda จาก Panic


2
Netbeansรองรับการจัดรูปแบบรหัสผ่าน SHIFT + ALT + F ผู้แก้ไขส่วนใหญ่มีฟังก์ชั่นที่คล้ายกัน - ตรวจสอบคู่มือที่คุณใช้ ดูเพิ่มเติมที่: groups.google.com/group/coda-users/browse_thread/thread/…
feeela

Netbeans ทำ (ขอบคุณ) แต่ไม่ใช่ Coda ตามที่ลิงก์ของคุณแสดง
WaterBearer

แต่มีอีกสองโปรแกรมที่ถูกกล่าวถึงในการอภิปรายที่เชื่อมโยงซึ่งทำ…
feeela

ฉันคิดว่าถ้าคุณดูคุณจะพบส่วนขยาย Coda ที่เพิ่มการรองรับองค์ประกอบ HTML5
โมเสส

คำตอบ:


6

Aptana Studio 2ทำสิ่งที่คุณต้องการในเมนูแก้ไข> รูปแบบ ฉันใช้มันและมันก็ฟอร์แมต html, css และ javascript

เครื่องมือแก้ไข WYSIWYG BlueGriffon ยังสามารถจัดรูปแบบ html เมื่อคุณเปิดไฟล์

โซลูชันทั้งสองนั้นฟรีและโอเพ่นซอร์ส แต่ Aptana น่าจะดีกว่า ฉันไม่แน่ใจว่า BG เก็บรหัสไว้ทั้งหมดไม่เปลี่ยนแปลงหรือไม่

หมายเหตุ:

  1. Aptana 2 ต้องได้รับการกำหนดค่าอย่างเหมาะสมหลังจากที่คุณติดตั้ง แต่มันก็เป็น html5 / css / javascript editor / IDE ที่ยอดเยี่ยม การกำหนดค่าเริ่มต้นดูดเล็กน้อย
  2. Aptana 3 อาจไม่ทำสิ่งที่คุณต้องการ รุ่นที่ฉันพยายามไม่ได้ทำ

โดยส่วนตัวแล้วฉันไม่ชอบ Eclipsish IDE (ฉันไม่ชอบ Eclipse: P)
Alerty

Aptana เป็นโปรแกรมที่ยอดเยี่ยมสำหรับ html / css / js การติดตามการเปิดและวงเล็บปิดหรือวงเล็บปีกกาใน javascript ในฟังก์ชั่นที่มีขนาดใหญ่จริงๆเป็นความเจ็บปวดใน Dreamweaver
Anagio

ขอบคุณสิ่งนี้ช่วยชีวิตฉันหลังจากย้ายไฟล์โครงการของฉันจาก IDE อื่นไปยัง Aptana และการเยื้องก็ทำให้สับสน ฉันได้ทำการเยื้องย่อหน้าใหม่ทั้งหมดด้วยตนเองตามจำนวนบรรทัด ใน Aptana 3 นี้อยู่ในเมนู Source> Format
46780

6

ขณะนี้มีรุ่น HTML5 ของเป็นระเบียบเรียบร้อยพบได้ที่นี่: https://github.com/w3c/tidy-html5


3

ฉันกำลังมองหาเครื่องมือออนไลน์และนั่นอาจเป็นสาเหตุที่ฉันไม่พบอะไรเลย
ผมก็ชี้ไปที่Coda ปลั๊กอิน PHP และเครื่องมือที่ไม่ได้ นอกจากนี้บรรณาธิการ HTML ส่วนใหญ่เช่น Taco ก็ทำแบบดั้งเดิม (แต่ไม่ใช่ Coda)


1

ฉันเจียมขอแนะนำเอสเพรสโซ่ 2

จากเว็บไซต์ของพวกเขา:

CSSEdit 3 - CSSEdit เครื่องมือภาพที่ได้รับรางวัลเพียงหนึ่งเดียวในขณะนี้อยู่ใน Espresso ด้วย CSS3 ที่ยอดเยี่ยมรองรับการไล่ระดับสีหลายเบราว์เซอร์เงาและอื่น ๆ

ดูตัวอย่างเว็บด้วย X-ray - ดูว่า CSS ของคุณมีผลต่อเค้าโครงเว็บอย่างไรให้เห็นภาพระยะขอบและระยะห่างและค้นหากฎสไตล์ที่เกี่ยวข้องสำหรับองค์ประกอบของหน้าเว็บได้อย่างรวดเร็ว

การเข้ารหัสที่มีประสิทธิภาพและมีประสิทธิภาพ - CodeSense, การพับโค้ด, สมาร์ทโค้ด, การเข้ารหัสเซนและเนวิเกเตอร์การลากและวางช่วยให้คุณเขียนโค้ดได้ดีขึ้นในเวลาที่น้อยลง

ไลฟ์สไตล์และการแทนที่ - แก้ไข CSS ของเว็บไซต์ใด ๆ และดูการอัปเดตแบบเรียลไทม์ ไม่จำเป็นต้องบันทึกเผยแพร่หรือโหลดซ้ำ การทดลองและการปรับแต่งไม่เคยสนุกขนาดนี้มาก่อน

การซิงค์และการเผยแพร่ที่ง่ายดาย - ด้วย Quick Publish, Server Sync และเบราส์คุณมีเครื่องมือที่เหมาะสมสำหรับเวิร์กโฟลว์ใด ๆ บนเซิร์ฟเวอร์ เครื่องยนต์ Vroom ใหม่นั้นเร็วมาก

เวิร์กสเปซที่เหมาะสมกับเวิร์กโฟลว์ของคุณ - เวิร์กสเปซที่เป็นนวัตกรรมใหม่ให้ความยืดหยุ่นของแท็บในขณะที่ผสานรวมเข้ากับไฟล์โครงการของคุณได้อย่างราบรื่น

Fantastic Find - เข็มและกองหญ้าพบกับเอสเพรสโซ่ ค้นหาและแทนที่ทั้งโครงการตัวกรองด่วนและ regex colorized ทำให้การค้นหาผ่านไฟล์หรือข้อความเป็นเรื่องง่าย

รองรับภาษา - ปรับปรุง HTML5, CSS3, JavaScript และ PHP; Ruby, Python, Apache และ Markdown ใหม่ทั้งหมด หรือขยาย Espresso ด้วย XML / JS Sugars

คุณสามารถอ่านบทวิจารณ์จาก Mac Appstorm เพื่อให้ทราบถึงคุณภาพ ผู้ใช้ให้10/10


1

Eclipse ดูเหมือนจะทำงานได้ดีในการเยื้อง / จัดรูปแบบ HTML5 คุณเพียงแค่ใช้คำสั่งการจัดรูปแบบปกติ (Ctrl-Shift-F) กับไฟล์ HTML ที่โหลดในตัวแก้ไข HMTL และมันจะทำการฟอร์แมตใหม่

หากต้องการปรับให้ไปที่การตั้งค่า -> เว็บ -> ไฟล์ html -> ตัวแก้ไข คุณสามารถควบคุมการตรวจสอบได้ที่นี่ (ฉันใช้ Eclipse v4.2.2)

โปรดทราบว่าตัวแก้ไข HTML ต้องการให้การติดตั้ง Eclipse ของคุณมีแพลตฟอร์มเครื่องมือเว็บ (ดูคำตอบนี้สำหรับรายละเอียด)


0

หากคุณกำลังมองหาเครื่องมือระบบปฏิบัติการ Mac OS X ที่จะทำงานผมว่าTextMate

ฉันมักจะทำการเยื้องอีกครั้งและสิ่งที่ดีที่สุดที่ฉันสามารถหาได้คือสิ่งนั้น

สิ่งที่ผมชอบก็คือว่ามันไม่จริงจัดเรียงรหัสของคุณ แต่มันอีกครั้งเยื้องมันในรูปแบบที่การตรวจสอบการทำรังและเยื้องโดยระดับได้ตามแท็ก

คุณสมบัติ "การเลือกเยื้อง" มีประโยชน์เป็นพิเศษ


ฉันใช้ textmate พวกเขาแนะนำการจัดรูปแบบที่ดีสำหรับ HTML เมื่อใด โปรดแบ่งปันทุกอย่างที่ฉันพบพบว่าค่อนข้างแย่ แม้ว่าฉันจะยังใช้ 1.5 อยู่
davidcondrey

0

JetBrains PhpStorm ใช้งานได้ดีและใช้งานง่ายกับเยื้องใน HTML, CSS หรือ PHP ประเภทของการเยื้อง (แท็บหรือช่องว่าง) ที่คุณสามารถเปลี่ยนได้ในการตั้งค่า PHPS รูปแบบ


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.