ตัวแก้ไข HTML5 แบบภาพหรือ IDE ที่ดี [ปิด]


116

ดูเหมือนว่า Dreamweaver CS5 จะพยายามทำให้ HTML5 ราบรื่นขึ้นอีกสองสามปี (หลายสัปดาห์) ดูเหมือนว่าลำดับถัดไปจะถูกต้องสำหรับ Notepad!

มีใครรู้จักโปรแกรมแก้ไข HTML5 ที่มีภาพ / ดูตัวอย่าง / สไตล์หรือไม่?

คราสด้วย pluggin บ้างไหม

(ดูเหมือนว่าตลาดจะขอทานเร็ว ๆ นี้)

ขอบคุณ

...ยังไงซะ. ฉันรู้เกี่ยวกับ 'ไม่รองรับเบราว์เซอร์' ... 'ยังไม่เสร็จ' .. ฯลฯ นั่นไม่ใช่ปัญหาสำหรับเรา เรากำลังทำเว็บไซต์ Safari Only และการผลิตเพียงอย่างเดียวของ iPhone iAd ... ดังนั้นเราจึงรู้ว่าอะไรได้ผลในการใช้งานของเรา (ส่วนใหญ่เราใช้ Windows)


3
ว้าวดูอีกคำถามที่ปิดเป็น "นอกหัวข้อ" ด้วยยอดดู 174,000 ครั้งและคำตอบดีๆมากมาย! ดีใจที่ได้เห็นไม่ใช่แค่ของฉัน ...
Mrk Fldig

คำตอบ:


8

Cloud 9 IDE พื้นที่จัดเก็บเป็นระบบคลาวด์ + ในพื้นที่มีการเติมข้อความอัตโนมัติให้การสนับสนุนอย่างชัดเจนสำหรับการพัฒนา node.js นำเสนอการทำงานร่วมกันแบบเรียลไทม์และคุณจะได้รับข้อตกลงกับเครื่องมือยอดนิยมทั้งหมด (รวม gcc) ทั้งหมดนี้โดยไม่ต้องเปิดอะไรเลยนอกจากเบราว์เซอร์ของคุณ

ฉันคิดว่ามันน่ากลัว

แก้ไข Q3 2013ฉันขอแนะนำ JetBrains WebStorm มีการเติมข้อความอัตโนมัติและคุณสมบัติการปรับโครงสร้างที่มั่นคงสำหรับ HTML5, CSS3, JS และตอบสนองได้ดีมาก



39

ฉันชอบ Aptana Studio สำหรับการพัฒนา HTML มาโดยตลอด Aptana Studio 3 betaรองรับข้อกำหนด HTML5 ล่าสุดและค่อนข้างเร็ว (เมื่อเทียบกับเวอร์ชัน 2) มีเวอร์ชันสแตนด์อโลนและ Eclipse pug-in ที่พร้อมใช้งาน
UPDATE: รุ่นสุดท้ายพร้อมใช้งาน (ลิงค์เดียวกัน)


1
+1 สำหรับ Aptana Studio 3 beta เป็น IDE ที่ค่อนข้างดีและเป็นข้ามแพลตฟอร์ม
Octavian A. Damiean

UPDATE: ออกจากรุ่นเบต้าแรกและแก้ไขข้อผิดพลาดปล่อยตอนนี้: aptana.com/products/studio3/releasenotes
ม.ค.

นอกจาก Visual / WYSIWYG บนคุณลักษณะแท็ก HTML5 แล้วฉันต้องการให้ IDE ที่รับรู้ HTML5 API เช่น Web Storage API เป็นต้นเมื่อฉันพิมพ์ window <dot> การเติมข้อความอัตโนมัติของ sessionStorage และ localStorage ฯลฯ จะไม่ปรากฏขึ้น ...
ลีชีเคี่ยม

อ่า "ปั๊กอิน" Puggins จะสร้างนามสกุลที่ยอดเยี่ยม ขอบคุณสำหรับเสียงหัวเราะ
วิศวกร

10

ปรับปรุง

ใช้Aptana Studio 3อัปเกรดแล้ว

คุณสามารถเลือก

ลองออนไลน์Aloha WYSIWYG Editor

แต่ในฐานะนักพัฒนาเว็บฉันยังคงชอบNotepad ++เพราะมีโค้ดช่วยที่จำเป็น


ข้อมูลที่ล้าสมัยโปรดอย่าอ้างอิง


นี่อาจเป็นคำตอบที่ล่าช้าใช่คำตอบที่ช้ามาก แต่จะช่วยให้ใครบางคน
ดาวน์โหลด"Eclipse IDE สำหรับนักพัฒนา Java EE" เวอร์ชันเสถียรล่าสุด

ดาวน์โหลดGoogle Plugin สำหรับ Eclipse.zip
เลือกการดาวน์โหลดของคุณตามเวอร์ชัน Eclipseของคุณ
หลังจากดาวน์โหลด ( อย่าคลายซิป )
เปิด Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
ในช่อง "Name" ป้อน "Google Plugin" คลิกตกลง

ละเว้นคำเตือนหลังจากแข่งขันในการติดตั้งให้รีสตาร์ท Eclipse


วิธีใช้ Google Plugin สำหรับไฟล์ Eclipse
    > ใหม่> อื่น ๆ > เว็บ> โครงการเว็บแบบคงที่> ป้อนชื่อโครงการ

สร้างโครงการเว็บใหม่


    สร้างไฟล์ HTML ใหม่

สร้างไฟล์ HTML ใหม่


    ชื่อเป็น index.html

index.html

    เลือกคุณสมบัติของไฟล์ HTML

ตั้งค่าคุณสมบัติเป็น HTML5

    กด Ctrl + Space

โกงแผ่น HTML5

ในทำนองเดียวกันสร้างไฟล์ * .css ใหม่
คลิกขวาที่ไฟล์ css> คุณสมบัติ> การตั้งค่าเนื้อหาเว็บ> เลือกโปรไฟล์ CSS3> ตกลง
กด CTRL + Space
CSS3 Cheat Sheet
Wooo, Yeah Start Coding!


ฉันไม่แน่ใจว่าพลาดตรงไหน แต่ไม่พบ "Static Web Project" หลังจากติดตั้ง Google Plugin for Eclipse แล้ว โครงการใหม่ประเภทเดียวคือข้อมูลเกี่ยวกับ Google App Engine
Zhao Xiang

คุณใช้ Eclipse เวอร์ชันใด
VenomVendor

Indigo Service Release 1 ต่อมาฉันลองใช้ปลั๊กอิน Aptana และใช้งานได้
Zhao Xiang

การใช้ IDE เวอร์ชันล่าสุดจะดีกว่าเสมอคุณสามารถลองใช้ Juno JEE เพื่อผลลัพธ์ที่ดีขึ้นได้
VenomVendor

8

Topstyle 4 เป็นสิ่งเดียวที่ฉันใช้ร่วมกับการสนับสนุน HTML5 (และ CSS3) ระยะเริ่มต้น แต่ใช้งานได้เพียงพอสำหรับส่วนใหญ่


7

เนื่องจาก HTML5 ยังคงใช้งานได้และยังไม่มีการสนับสนุนที่สม่ำเสมอในเบราว์เซอร์ใด ๆ ฉันจึงเดาว่าจะต้องใช้เวลาอีกสักพักก่อนที่คุณจะได้รับ WYSIWYG HTML5 Editor

ในเวลาเฉลี่ยที่ได้รับใช้ editting มาร์กอัปของคุณด้วยมือในโปรแกรมแก้ไขข้อความที่ดีเช่นNotepad ++หรือTextEdit


ฉันคิดว่าคุณหมายถึง s / test / text / ..
Tim Post

1
@jordanstephens - ครับ จริงๆ. TextEdit
Justin Niessner

@justin Niessner ฉันหมายความว่ามันใช้งานได้ฉันจะไม่รวมมันไว้ในรายการ "บรรณาธิการข้อความที่ดี" สำหรับเขาแต่ละคนฉันคิดว่า ...
jordanstephens

@jordanstephens เพียงเพราะ TextEdit ไม่มีคุณสมบัติพิเศษทั้งหมดของแอปอื่น ๆ ไม่ได้หมายความว่าจะแก้ไขข้อความได้ไม่ดี
Alex Larzelere

คุณไม่ได้ตอบคำถาม
Kickaha

4

เพียงเพื่อชี้ให้เห็นว่า HTML5 ต่อ seไม่ "ไกลจากความพร้อม"; เสร็จเรียบร้อยแล้ว "คณะทำงานพิจารณาแล้วว่าจะปฏิบัติตามข้อกำหนดที่เกี่ยวข้องของกฎบัตรและเอกสารข้อกำหนดอื่น ๆ " จะมีบางสิ่งที่ต้องรีดออกและข้อมูลจำเพาะหลักมีบิตเสริมประกอบอยู่ด้วย แต่ส่วนใหญ่พร้อมใช้งานได้ทันทีโดยส่วนใหญ่มีความเสถียรในเบราว์เซอร์ล่าสุด





2

สำหรับวิธีแก้ปัญหาออนไลน์ลองใช้ตัวแก้ไข maqetta และ aloha

สำหรับโซลูชันออฟไลน์ (สามารถดาวน์โหลดได้) ลองใช้ blue griffon

พวกเขาฟรี :) โอ้ใช่อีกหนึ่งตัวแก้ไขที่ฉันชอบ :) และตัวแก้ไขเกมด้วย: construction2



1

ฉันต้องถามว่าคุณต้องการโดยเฉพาะบรรณาธิการที่สามารถจัดการ HTML5 ได้หรือไม่ ยังคงเป็น HTML มีการเปลี่ยนแปลงใช่ แต่ไม่ทั้งหมดนั้นหากคุณคุ้นเคยกับ HTML4 แล้ว ฉันสงสัยว่าตัวแก้ไขส่วนใหญ่ที่สามารถจัดการ HTML ควรจะจัดการ HTML5 ได้เช่นกัน


1

Radrails 3 ควรจะมี Aptana Studio 3 จะมี Radrails อยู่ในรุ่นเบต้าดังนั้นจึงเป็นเรื่องที่ลดลง แต่ไม่มีน้อยกว่าที่จะให้หมุน

มันเป็นหลายแพลตฟอร์มเช่นกันสำหรับพวกเราที่ไม่ใช่ Windoze fellas


1

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

สิ่งที่ดีที่สุดที่คุณสามารถทำได้คือติดตามบล็อกบทแนะนำและบทความอื่น ๆ บนอินเทอร์เน็ตและทดลองพัฒนาใน HTML5 ด้วยตัวคุณเอง

แก้ไข: เพิ่งพบปลั๊กอิน Visual Studio 2008/2010 ที่นี่



1

HTML Pencilเป็นโปรแกรมแก้ไข HTML ออนไลน์ที่สร้างขึ้นสำหรับเบราว์เซอร์สมัยใหม่


0

สิ่งนี้อาจไม่สนใจคุณ แต่เพียงแค่เพิ่ม (0:, ฉันชอบVS2008 IDEสำหรับการแก้ไข html - และจะเพิ่มความสนุกเป็นสองเท่าหากคุณมีแถบเครื่องมือนักพัฒนา internet explorer (เช่นเดียวกับ firebug)


0

2
ซึ่งจะทำให้คุณสามารถตรวจสอบความถูกต้องของสคีมา HTML5 ได้ แต่คุณยังต้องแก้ไขมาร์กอัปด้วยตนเอง ฉันคิดว่า OP กำลังมองหาตัวแก้ไขแบบ WYSIWYG ... ซึ่ง Visual Web Developer Express ไม่ใช่ (สำหรับ HTML5)
Justin Niessner

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