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

Nếu không muốn dùng AVIM thì dùng MUDIM viết trong script tag như sau sẽ có kết quả như nhau.

                     src="http://mudim.googlecode.com/files/mudim-0.8-r153.js"

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 thì phải dùng document.execCommand() method nhưng Google avim  không họat động.
Trong trường hợp nầy chúng ta phải dùng mudim script code của Google như sau thì không còn khuyết điểm như trên. 
src="http://mudim.googlecode.com/svn/trunk/mudim/mudim.js"

Bài kế tiếp : Xử dụng execCommand( ) và iframe để tự tạo Rich Text Editor gõ tiếng Việt