Welcome to TTKS/KTQN

CLICK HERE TO OPEN

Monday, May 13, 2013

How to create my own simplest Rich Text Editor for writing Vietnamese


TỰ XÂY DỰNG MỘT TEXT EDITOR ĐỂ GÕ CHỮ VIỆT
 Cho đến hiện nay có nhiều cách xây dựng một Rich Text Editor . Chung  qui mỗi Rich Text Editor phải có 2 phần .
* Phần thứ nhứt là khung để gõ chữ Tây hay chữ Việt .Tuỳ ý chúng ta tự chọn iframe tag hoặc div tag hoặc textarea tag .
Trong phần nầy chúng ta qui định kiểu chữ, độ lớn chữ, chữ viết đậm, chữ viết nghiêng, chữ gạch dưới ( underline) và kích thước của khung cần có để viết text
* Phần thứ hai là những nút goị là button đặt phía trên khung.
Dùng javascript functions có chứa  document.getElementById() hoặc document.execCommand() method để vận hành các nút nầy.
Dùng onclick và onchange event để call các javascript functions
      Muốn dễ hiểu, trước hết chúng ta thực tập xây dựng hiện một editor rất đơn giản như sau.
Vì sẽ dùng editor nầy để gõ tiếng Việt có dấu nên chúng ta phải xử dụng textarea làm khung thì mới có thể cài được dễ dàng vào đó bộ gõ AVIM javascript của browser Google .
Nếu thiếu script code nầy thì chỉ gõ được tiếng Tây mà thôi

Khuyết điểm : sự thay đổi kiểu chữ, độ lớn của chữ, chữ đậm nét, độ nghiêng v.v… không thể thực hiện được cho từng chữ một trong editor nầy vì mỗi khi chung ta thay đổi thì toàn bộ bài viết trong editor đều thay đổi .
Muốn tránh khuyết điểm nầy phải dùng document.execCommand() method.

No comments:

Post a Comment