Hỗ trợ soạn thảo HTML trực tuyến
- Bắt đầu doviet
- Ngày bắt đầu
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Hàng đi kèm là hàng ghẻ
Với cái script của VBB thì trên IE nó sử dụng div, trên Mozilla nó sử dụng iframe.
)
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Textarea??? Textarea thì làm rì có chuyện nó paste ảnh vào trong được.
Bi giờ cũng chỉ có 2 engine lớn, Gecko & IE. Giải quyết được 2 cái đấy là coi như xong, KHTML cũng nổi nhưng chủ yếu tập trung ở Mac & *nix users.
Bi giờ cũng chỉ có 2 engine lớn, Gecko & IE. Giải quyết được 2 cái đấy là coi như xong, KHTML cũng nổi nhưng chủ yếu tập trung ở Mac & *nix users.
Đỗ Việt
(doviet)
Thành viên danh dự
Em load thử cái này về ngó xem có phải không nhé: http://dviet86.free.fr/download/WYSIWYG.zipĐặng Trần Hiếu đã viết:
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Nó sử dụng iframe chứ ko phải là textarea. Vào xem wysiwyg.css, có đoạn
---------------------
.wysiwyg iframe {
width: 600px;
height: 301px;
*height: 308px; /* IE */
}
---------------------
Mà làm theo kiểu bọn nì thì mọi việc sẽ đơn giản hơn rất nhiều chứ ko rối rắm như vbb, tinymce,...
---------------------
.wysiwyg iframe {
width: 600px;
height: 301px;
*height: 308px; /* IE */
}
---------------------
Mà làm theo kiểu bọn nì thì mọi việc sẽ đơn giản hơn rất nhiều chứ ko rối rắm như vbb, tinymce,...
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Với CSS như thế, nó sử dụng tag textarea nhưng trên thực tế lại là 1 iframe.
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Mở file wysiwyg.js, dòng 87 ---> 92:
Xuống dưới 1 chút có đoạn:
Xuống dưới tí nữa lại có:
Cụ thể nó chỉ tìm tất cả các textareas và thay thế = iframes.
Muốn rõ hơn thì dùng Firefox vào trang đó, sau đó vào Tools --> Dom Inspector, nó sẽ hiện rõ tự nhiên có thêm 1 iframe ở đúng vị trí cái textarea, còn cái textarea thì ko còn thấy đâu nữa.
Mã:
function createWysiwygControls() {
var textareas = document.getElementsByTagName("textarea");
for (var foo = 0; foo < textareas.length; foo++) {
if (textareas[foo].className.indexOf("wysiwyg") > -1) {
var wysiwyg = document.createElement("div");
var control = document.createElement("iframe");
Mã:
wysiwyg.appendChild(control);
Mã:
textarea.parentNode.replaceChild(wysiwyg, textareas[foo]);Muốn rõ hơn thì dùng Firefox vào trang đó, sau đó vào Tools --> Dom Inspector, nó sẽ hiện rõ tự nhiên có thêm 1 iframe ở đúng vị trí cái textarea, còn cái textarea thì ko còn thấy đâu nữa.
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Nó phải làm thế có thể là vì textarea dễ dùng hơn iframe vả lại bằng cách chỉ cần user set up 1 textarea ---> nó có thể đảm bảo users luôn luôn viết code đúng. Thêm vào đó nữa, với những site sẵn có, đến 99% là dùng textarea, chứ chẳng mấy ai dùng iframe để vào edit box cả ---> dễ thay đổi hơn.
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Hỏi thế khác nèo hỏi làm thế nèo để làm 1 WYSIWYG editor.
Tuy nhiên, cơ bản, chỉ có 3 cái
1. Sử dụng iframe
2. document.frames[frame_ID].document.designMode="On"
3. document.frames[frame_ID].document.execCommand
Xem thêm về execCommand tại: http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/execcommand.asp và http://www.mozilla.org/editor/midas-spec.html.
Tuy nhiên, cơ bản, chỉ có 3 cái
1. Sử dụng iframe
2. document.frames[frame_ID].document.designMode="On"
3. document.frames[frame_ID].document.execCommand
Xem thêm về execCommand tại: http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/execcommand.asp và http://www.mozilla.org/editor/midas-spec.html.
Đỗ Việt
(doviet)
Thành viên danh dự
Ừ, trong cái trang mà anh tải cái file anh vừa đưa link ở trên (chả nhớ địa chỉ trang đấy là gì nữa), nó có nói đến execCommand. Nhưng mà nghe em nói ở trên, anh lại tưởng là cái execCommand chỉ chạy cho IE (mà IE là trình duyệt thối tha nhất) nên anh không ngó ngàng thêm. Thế mà bên Mozilla cũng có hử ? tức là ở trên em chỉ nói đến execCommand('copy') không chạy trên trình duyệt khác hả ?
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Khi đã đụng đến clipboard tức là ko còn chỉ là browser nữa rùi vì clipboard ko phải là 1 thành phần của browser ---> nếu cái execCommand("copy") đó có chạy ở Firefox đi nữa, nhưng là Firefox chạy trên Windows thì nó sẽ vẫn chạy tốt, nhưng nếu là Firefox trên *nix hoặc Mac OS thì chưa chắc. (Chắc chắn ko chạy trên Linux & FreeBSD).
Đặng Trần Hiếu
(lt2hieu2004)
Thành viên danh dự
Đâu có tư tưởng cục bộ thế được.