09/10/2018, 23:09

Tìm code WYSIWYG đơn giản

Hi,

Mình đang tìm kiếm cái code WYSIWYG đơn giản, chỉ với những tag cơ bản Bold, Italic, Underline, URL, Image thôi. Tìm hoài ko ra, toàn những cái phức tạp...

Bạn nào biết cái nào simple thì giới thiệu cho mình cái. Thanks a lot!
NsT viết 01:16 ngày 10/10/2018
hix hix ko có ai giúp mình sao
khamvaphaonline viết 01:18 ngày 10/10/2018
bạn vào echip.com.vn rồi tìm kiếm với từ khóa " Bộ soạn thảo" sẽ có bài hướng dẫn.
NsT viết 01:15 ngày 10/10/2018
cảm ơn cậu nhưng mà cái bản htmlarea này ko hiểu sao khi chèn thêm html code vào toàn bị lỗi. Mình cũng ko rành về js thành ra fix mãi chưa được ...
NsT viết 01:22 ngày 10/10/2018
mà có ai tích hợp được bộ gõ vào cái html editor này ko? nếu dc chỉ mình cái, làm hoài ko dc :-??
lazzy viết 01:16 ngày 10/10/2018
giống mình nè mình tích hợp vào rồi nhưng phải dùng mẹo một tí là cho gõ tiếng việt trong chế độ kg có HTML bang nút <>
Bạn coi của mình nè http://www.n-bao.com/guestbook.htm
NsT viết 01:13 ngày 10/10/2018
Quote Được gửi bởi lazzy
giống mình nè mình tích hợp vào rồi nhưng phải dùng mẹo một tí là cho gõ tiếng việt trong chế độ kg có HTML bang nút <>
Bạn coi của mình nè http://www.n-bao.com/guestbook.htm
Thanks bạn, đây cũng là 1 cách khắc phục hay nhưng ko biết ngoài ra còn cách nào ko nhỉ. Đỡ phải ấn phần hiện html code vẫn type dc tiếng việt và chỉnh style ...
thitkhohotvit viết 01:26 ngày 10/10/2018
Có cái nì dễ nhất nà, tui lấy bên http://diendantinhoc.org/forum
Code:
<SCRIPT>
function fmt(cmd){
  if (oDiv.isContentEditable==true) document.execCommand(cmd)
}
</SCRIPT>

<a href="#" command="Bold" title="Bold" onclick="fmt(this.command);return false;" style="font-weight: bold;">B</a>
<a href="#" command="Italic" title="Italic" onclick="fmt(this.command);return false;" style="font-style: italic;">I</a>
<a href="#" command="Underline" title="Italic" onclick="fmt(this.command);return false;" style="font-style: Underline;">U</a>
<a href="#" command="RemoveFormat" title="Normal" onclick="fmt(this.command);return false;">N</a>
<DIV id=oDiv contentEditable =true style="width: 90%;height:100px;overflow:auto;border:1px black solid" unselectable = "off"></DIV>
ncanh viết 01:18 ngày 10/10/2018
Quote Được gửi bởi lazzy
giống mình nè mình tích hợp vào rồi nhưng phải dùng mẹo một tí là cho gõ tiếng việt trong chế độ kg có HTML bang nút <>
Bạn coi của mình nè http://www.n-bao.com/guestbook.htm
Cách này "dở như phở gà cúm"!
Tui có chỉ cách gắn bộ gõ viettypingplus vào các WYSIWYG-Editor nhiều lần rồi mà vẫn có người không biết.

Thí dụ cách gắn cho file "core.html" của htmlArea như sau:
1. Thêm vào cuối file dòng
<script src="../../jscript/viettyping/viettypingplus.js"></script>
2. Thêm vào sau dòng editor.generate() :
setTimeout('EvtViet()',500)

Cũng phải thêm trong fullscreen.html:
1. Thêm vào cuối file dòng
<script src="../../jscript/viettyping/viettypingplus.js"></script>
2. Thêm vào sau dòng resize_editor(); :
setTimeout('EvtViet()',500)


Ngoài xin giới thiệu với bạn "typetool-quickbuild-script" của vietdev. Một WYSIWYG-Webeditor ra đời đầu tiên trên thế giới. Các webEditor khác đều ăn cắp cách "biến nhanh chóng từ textarea sang editor" của Vietdev (trước đó người ta phải làm thủ công cho từng textarea bằng các server-script và rất đắt tiền).
Ngoài ra "typetool" còn có rất nhiều tính năng độc đáo mà Vietdev không trình bày để tránh bị "ăn cắp".
T.d. như khi chuyển đổi từ "html ra sourcecode" và ngược lại thì cursor vẫn giữ ở vị trí mà nó đang đứng. Đây là 1 điểm quan trọng để là 1 editor ra hồn.

Ngoài ra vietdev sẽ ra phiên bản mới hỗ trợ trình duyệt opera một ngày gần đây (hiện nay chưa một editor nào dùng được cho opera)



NC
NDThuan viết 01:17 ngày 10/10/2018
download Viettyping Plus ở chỗ nào hở bác?
Bài liên quan
0