Trình chỉnh sửa CSS với bản xem trước thời gian thực và bản địa hóa bộ chọn

Tiêu đề nói tất cả mọi thứ về những gì tôi đang tìm kiếm. Về cơ bản nó phải là một phần mềm thu thập tất cả các kiểu trang web để tôi có thể chỉnh sửa chúng và lưu chúng.

Xin vui lòng đọc câu hỏi cẩn thận, bởi vì tôi muốn tất cả các điều kiện được đề cập được đáp ứng.

EDIT: Tôi muốn rõ ràng hơn ở đây hoặc đúng hơn là mô tả quy trình công việc mong muốn của tôi. Tình huống bắt đầu sẽ là bạn có các nguồn của trang web trên máy cục bộ của bạn.
Bây giờ tôi muốn mở các nguồn đơn giản (HTML / CSS) trong trình soạn thảo / IDE / bất cứ điều gì (không có WYSIWYG!). Và tôi muốn xem trước trực tiếp ngay bên cạnh hoặc trong cửa sổ khác (không phải trong tab khác!), Tôi muốn xem nó khi tôi chỉnh sửa nguồn. Bản xem trước phải được cập nhật tự động (hoặc khi tôi lưu tệp về cơ bản là giống nhau vì CTRL + S là một loại phản xạ: P).
Ngoài ra, nó nên có một trình kiểm tra hoạt động giống như các trình kiểm tra trong Fireorms hoặc Chrom (e | ium). Khi tôi nhấp vào bộ chọn CSS trong trình kiểm tra đó, con trỏ sẽ nhảy sang phải trong tệp nguồn tương ứng.

KHÁC EDIT: Đã tìm thấy https://stackoverflow.com/q/4680109/220652 này . Gần như cùng một vấn đề.

Có một vài tùy chọn.

Hiện tại tôi chỉ đơn giản sử dụng Công cụ dành cho nhà phát triển của Google Chrome ( Video hành động ) vì nó cho phép kiểm tra rộng rãi, báo cáo chi tiết và vượt quá. Sau khi thực hiện các thay đổi của mình, tôi chỉ cần sao chép CSS đã cập nhật và ghi lại các phần có liên quan của tệp CSS, làm mới, tiếp tục cắm đi.

Ở đây tôi đã chỉnh sửa một định nghĩa trong Công cụ dành cho nhà phát triển của Chrome

Tôi có thể theo dõi tên tệp và số dòng (sau khi sao chép các thay đổi) và chỉ cần dán chúng vào trình chỉnh sửa

Ngoài ra, có một công cụ được ra mắt gần đây có tên là WebPutty , được thiết kế để giảm bớt vấn đề được mô tả của bạn. Mặc dù tôi chưa sử dụng cá nhân nhưng nó được phát triển bởi công ty Fog Creek Software của Joel Spolsky (Joel cũng là đồng sáng lập của StackOverflow) Vì vậy, tôi sẵn sàng đặt cược đó là một sản phẩm tương đối ổn định, đơn giản và hiệu quả.

Câu hỏi này dường như đã được thảo luận nhưng bạn nói cụ thể hơn về Trình soạn thảo CSS. Và tôi chắc chắn đó là lý do tại sao họ không đánh dấu câu hỏi của bạn là trùng lặp.

Tuy nhiên, điều tôi có thể gợi ý cho bạn là việc sử dụng một số công cụ mà tôi đã đăng trong câu trả lời cho các câu hỏi khác, như thế này: Dreamweaver thay thế trong ubfox? và ngay cả khi tôi có thể đặt cược rằng bạn đã nhìn thấy nó, tôi đã sao chép nó ở đây để thuận tiện cho bạn:

Câu hỏi của bạn có vẻ hơi mơ hồ.

Trước hết và liên quan đến giải pháp thay thế cho Dreamweaver, tôi thấy tất cả các gợi ý của tất cả các câu trả lời khác đều tuyệt vời, nhưng khi tìm kiếm một giải pháp thay thế cho Dreamweaver, ứng dụng gần nhất - đối với tôi - đó là Dự án Amaya . Có vẻ như là giàu nhất so với các lựa chọn thay thế khác và tinh vi hơn một chút so với Kompozer.

Một ảnh chụp màn hình từ trang web chính thức ở đây để bạn thấy nó hoạt động:

Có thể đạt được các ảnh chụp màn hình bổ sung bằng cách nhấp vào liên kết tiếp theo: http://www.w3.org/Amaya/sc Greensshots/Overview.html

Bạn có thể thấy nó hơi không ổn định, hoặc ít nhất là cho tôi nhưng nó cũng có thể phù hợp với nhu cầu của bạn.

Sau khi chơi với các trình soạn thảo WYSIWYG, tôi thích mã hóa trực tiếp với BlueFish nhưng nó không phải là trình soạn thảo WYSIWYG.

Và về những gợi ý cho vấn đề của bạn với con bọ lửa, tôi không thể nói bất cứ điều gì, xin lỗi.

Xin vui lòng cho chúng tôi biết bạn đã làm như thế nào nếu bạn cho Amaya một cơ hội.

Chúc may mắn!

Chỉnh sửa == Sau khi cài đặt Amaya, tôi thấy nó chưa ổn định nhưng bằng cách nào đó, nó dường như có các tính năng tốt hơn các ứng dụng khác, nếu bạn cho rằng các phần mềm khác là Trình soạn thảo văn bản đơn giản và Amaya giống như trình soạn thảo WYSIWYG.

Tôi đã kiểm tra những gì bạn nói trong bình luận của bạn và tôi thấy rằng Amaya thậm chí không nhận thấy rằng có gì đó đã thay đổi trong cấu trúc / tên tệp / thư mục. Mà sẽ không phù hợp với nhu cầu của bạn liên quan đến điều này.

Trong ảnh chụp màn hình tiếp theo, bạn có thể thấy tôi đã đổi tên thư mục "tài nguyên" thành "resource1" và Amaya vẫn hiển thị nó là "tài nguyên" và không có cách nào để buộc nó làm mới. Ngay cả sau khi khởi động lại phần mềm và tải lại dự án, Amaya sẽ không chú ý đến nó.

Tôi sẽ theo sát câu hỏi của bạn với hy vọng ai đó đến và bỏ một lựa chọn tốt.

Chúc may mắn!

Ngoài ra, trong câu trả lời của những người dùng khác cho cùng một câu hỏi, tôi đã tìm thấy " Blue Griffon Web Editor " dường như là trình chỉnh sửa web ổn định duy nhất có cửa sổ xem trước thời gian thực, không thể nhìn thấy -btw- trong chế độ chia . Bạn chỉ có thể xem mã hoặc bản xem trước WYSIWYG, không phải cả hai cùng một lúc.

Ảnh chụp màn hình được đặt ở đây để thuận tiện cho bạn:

Màn hình xem trước:

Màn hình mã:

Công cụ này bao gồm rất nhiều công cụ hữu ích nhưng một số tiện ích bổ sung hoặc plugin có thể không miễn phí (trả phí). Mà làm giảm sự hấp dẫn với nó.

Các Aptana Studio 3 , mà tôi khuyên bạn nên trong câu trả lời này: Phát triển Web Basic IDE / Biên tập viên như Dreamweaver? là - cho tôi - công cụ tốt nhất để lập trình, vì tôi có thể xem trước trực tiếp bằng trình duyệt web trong màn hình mở rộng dạng xem kép của mình. Mà có thể không phải là trường hợp của bạn.

Đó là những gì tôi có thể đề nghị. Xin lỗi nếu điều này không phù hợp với nhu cầu của bạn và ...

Chúc may mắn!

Ok, mọi người hãy lắng nghe! Geany chỉ là TUYỆT VỜI! Nó có một plugin bổ sung một bản xem trước trình duyệt. Bạn có thể đặt nó trong thanh bên, trong "đáy" hoặc trong một cửa sổ phụ. Và bây giờ hai phần thưởng thêm tính năng sát thủ mông xấu. 1. Trình duyệt này sử dụng WebKit. Điều đó có nghĩa là, nó có thanh tra tuyệt vời này! 2. Trình duyệt tải lại khi bạn lưu tài liệu đang mở.

Bên cạnh đó, nó có rất nhiều tính năng tuyệt vời khác nhưng bạn nên tự mình thử nó. Tôi vì một người vừa mới yêu. Ở đây bạn có một ảnh chụp màn hình:

Xin lỗi mọi người, nhưng tôi sẽ trả lời câu hỏi của riêng tôi. Tôi vừa tìm thấy Stylebot . Nó đáp ứng gần như tất cả các điều kiện tôi có. Nó không có tự động hoàn thành nhưng tôi có thể sống với điều đó.

Đây là một ảnh chụp màn hình. Thanh bên là Stylebot. Bạn có chế độ chỉnh sửa cơ bản nơi bạn có thể nhanh chóng chỉnh sửa một số thuộc tính đơn giản, chế độ nâng cao nơi bạn có thể chỉnh sửa CSS đơn giản cho phần tử đã chọn và với "Chỉnh sửa CSS", bạn có thể chỉnh sửa toàn bộ CSS cho trang.

Hãy dùng thử Firediff của Firefox . Nó tích hợp với Fireorms thêm tab "Thay đổi", như tên giống như zen gợi ý, hiển thị bất kỳ thay đổi nào bạn thực hiện đối với CSS hoặc DOM.

Nhấp chuột phải vào một thay đổi CSS trong tab "Thay đổi" để lưu khác biệt hoặc ảnh chụp nhanh các thay đổi của bạn.

Ngoài ra còn có cssUpdater , mặc dù tôi chưa sử dụng nó.

Đối với "nội địa hóa bộ chọn", tôi không hoàn toàn chắc chắn ý của bạn là gì nhưng có selectBug , bạn có thể tải xuống ở đây .

Aptana Studio là một IDE tuyệt vời nhưng nếu tôi không sai, nó không có Bản xem trước thời gian thực. Dù sao, nếu bạn quan tâm: http://www.aptana.com/products/studio3

PS: Nó có một bộ phím nóng để xem trước vì vậy nó không phải là vấn đề lớn.

Không phải phần mềm, nhưng Addon thời trang (chrome và firefox) sẽ tự động cập nhật một trang khi bạn lưu biểu định kiểu ghi đè. Không giống như FireBug, nó lưu nó để bạn có thể sao chép và dán nó vào một .csstệp thích hợp khi bạn hài lòng.

chỉ vài tuần trước, một người chơi mới lớn lên trên lĩnh vực này. Tôi đang nói về Brackets trình soạn thảo mã nguồn mở của Adobe. Tất cả thông tin bạn cần, tại đây: https://github.com/adobe/brackets/wiki/Linux-Version

Phiên bản spring30 vừa được phát hành vài ngày trước :) Chúc may mắn!