Javascript - Thay đổi màu phông chữ của văn bản nhất định trong textarea

Question

Có chức năng JS nào có thể thay đổi màu của văn bản nhất định trong vùng văn bản không?

Ví dụ: blar blar {blar} blar, {blar}, bao gồm {}, sẽ có màu xanh lam. Các từ khác sẽ được để trống. Nói cách khác, tất cả những gì tôi cần là một hàm có thể thay đổi màu của tất cả văn bản trong {}.

Tôi đã thực hiện một số nghiên cứu và có vẻ như hầu hết mọi người nói rằng không thể thực hiện được. Nhưng tôi thấy các trình soạn thảo văn bản phong phú hoặc các trình chỉnh sửa wysiwyg có khả năng in đậm hoặc gạch dưới các từ. Phải có cách để làm điều đó.

Bất kỳ đề xuất nào đều được hoan nghênh.

Answer 1

bạn không thể sử dụng văn bản textarea để làm điều đó, mỗi lần.

Nhưng, javascript là bạn của bạn. Có lẽ bạn nên xem mã của một vài trình soạn thảo văn bản phong phú.

Bạn có thể bắt đầu bằng lwrte, vì nó có chữ "nhẹ". Ngoài ra, nó được viết bằng jquery vì vậy nó sẽ được khá dễ dàng để thực hiện. (và tôi là một fanboy jquery).

Hy vọng rằng sẽ giúp,

jrh

Answer 2

WYSIWIG-biên tập viên đang sử dụng iframe thay vì textareas. Textareas có rất ít tùy chỉnh, vì những gì bạn đang theo sau đang thay đổi một phần nội dung. Bạn không thể thêm các thẻ bên trong một vùng văn bản, điều này làm cho nó không thể chỉ thay đổi một phần của văn bản.

Nếu bạn nhìn vào trình soạn thảo ở đây trong SO, bạn viết văn bản bình thường bên trong vùng văn bản và sau đó được chuyển đổi trong hộp bên dưới nó, vì vậy bạn sẽ thấy dấu hoa thị bên trong hộp văn bản, nhưng trong hộp bên dưới, nó sẽ chuyển đổi ký tự đặc biệt bằng cách đánh dấu chúng bằng thẻ.

Nếu bạn đang sử dụng firebug, bạn có thể bắt đầu viết bên trong trình chỉnh sửa, trong khi xem HTML trong hộp xem trước.

Answer 3

Không ai đề cập đến nội dungChỉnh sửa?
Chỉ cần tạo div nội dung có thể chỉnh sửa và sử dụng javascript để tạo kiểu cho nó.
Tôi khuyên bạn nên xem xét Dojo Toolkit's.
Nó có một Editor widget.

nguồn lực khác:
Some contentEditable problems in IE.
How to use contentEditable with jQuery or without it.

Answer 4

Tôi nghĩ rằng bạn sẽ cần phải sử dụng phương pháp execCommand javascript nó kiểm soát nhiều điều như vậy công cụ này thay đổi specifc Format

Trân

Answer 5

Nhưng một số Jquery WYSIWYG biên tập viên làm điều này! Làm thế nào là có thể? Xem trình chỉnh sửa này lwrte