ตัวแก้ไข 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.