2012-02-25 32 views
13

Tôi vừa thấy Bret Victors Keynote được gọi là "Phát minh nguyên tắc". Vào khoảng 3:34 phút, anh ta sử dụng một trình soạn thảo mã - sau một sự thay đổi anh ta làm - ngay lập tức cho thấy hậu quả của nó. Khi anh ta gõ có kết quả tức thì.Có trình chỉnh sửa HTML/CSS/JS ngay lập tức hiển thị các thay đổi không?

Đây là video tôi đang nói về: http://vimeo.com/36579366

Một ví dụ khác là real-time online html editor này.

Bạn có thể cho tôi biết trình chỉnh sửa ngoại tuyến nào tôi có thể sử dụng để làm việc trên các dự án web của mình (HTML/CSS/JS) theo cách này không? Tốt hơn là nó có thể được sử dụng trên OS X. Cảm ơn!

+1

Coda thực hiện điều này, IIRC. – ceejayoz

+0

Bạn có thể tìm thấy [HTML Editor] (http://htmleditor.gitlab.io/) tiện dụng. Nó có thể tương tác với hệ thống tệp của bạn và hoạt động ngay cả khi bạn ngoại tuyến. – Mori

Trả lời

2

Tôi không biết nếu có bất kỳ cái nào miễn phí, nhưng TextMate có cửa sổ xem trước trực tiếp. Chỉ cần không tải về phiên bản beta 2 - Tôi không nghĩ rằng nó đã được thực hiện ở đó. Bạn cũng có thể xem CodaBBEdit.

+0

Coda thực hiện 50% mẹo: tôi có thể chia nhỏ chế độ xem của index.html theo chiều dọc để nó hiển thị cả mã và đầu ra. Nhưng nếu tôi chuyển sang style.css của tôi, nó muốn tôi phân chia lại chế độ xem. Thats quá phức tạp vì tôi có 5-10 tệp trong mỗi dự án. _italic_ Tốt nhất là nếu trình chỉnh sửa hiển thị danh sách các tệp và trình chỉnh sửa bên trái và bên phải đầu ra. –

+0

Trình chỉnh sửa html trực tiếp của SnoopCode với bản xem trước tức thì. http://www.snoopcode.com/html/best-html-editor – Packer

2

CoffeeCup có Web Editor in beta sử dụng bản xem trước trực tiếp và bao gồm kết nối xem trước mã bạn thấy trong video. Chọn một phần tử trong bản xem trước và HTML/CSS tương ứng được chọn, hoặc chọn mã HTML và xem phần tử nào được áp dụng trong bản xem trước.

+0

wow, điều này có vẻ tốt đẹp! Cảm ơn –

10

Brackets trông đẹp, nhưng vẫn đang được phát triển.

+1

Wow, thực sự có vẻ đẹp, tôi đang mong chờ một bản phát hành –

+0

Tất cả những gì tôi muốn. Điều này có vẻ rất tốt –

1

Nếu bạn vẫn đang tìm kiếm trình biên tập ngoại tuyến, bạn luôn có thể xem Notepad ++. Nó có một bản xem trước html trực tiếp, nhưng không hiển thị hầu hết các công cụ mới hơn; bố cục cơ bản cũng như CSS cơ bản.

Notepad++ Website

1

Espresso cập nhật cửa sổ xem trước khi bạn gõ trong trình soạn thảo nhưng nó cho mac chỉ