Printable View
Trước khi nghiên cứu xây dựng RTE, tớ đã lần mò code của nhiều bộ soạn thảo loại simple này. Các bạn có thể tham khảo thêm 1 bài hướng dẫn cũ của tớ trên VN Informatics để giải quyết cho trọn vẹn các vấn đề liên quan....
Reply to Re: Hỏi về cách chèn ảnh vào Textarea
:w00t::w00t::w00t:
Chán chỉ théy chèn tag thui có théy , hiệu ứng gì dêu
Thanks,
Nhưng muh cái demo ko vào dc?!
Bác có thể send cho em nguyên bộ code ko? Em muốn thêm nó vào BossFTP.
http://zoejoe.net/store/test/STE/
Do đổi host và tên miền liên miên nên quên mất cái này :) Thông cảm dùm mình nha
Demo không vào được rồi bạn ah.
phiền các bác xem đoạn code simple text editor sau . em thấy nó code cực đơn giản và thử trên ie và ff đều tốt . các bác thử coi ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<script language="javascript" type="text/javascript" >
function insert(element, start, eind)
{
element = document.getElementById(element);
if (document.selection)
{
element.focus();
sel = document.selection.createRange();
sel.text = start + sel.text + eind;
}
else if (element.selectionStart || element.selectionStart == '0')
{
element.focus();
var startPos = element.selectionStart;
var endPos = element.selectionEnd;
element.value = element.value.substring(0, startPos) + start + element.value.substring(startPos, endPos) + eind + element. value.substring(endPos, element.value.length);
}
else
{
element.value += start + eind;
}
}
</script>
<body>
<h1>simple text editor</h1>
<form action="index.html" method="post">
<table>
<tr>
<td valign="top"><label for="text_editor">Text:</label></td>
<td><textarea cols="80" rows="20" name="text_editor" id="text_editor"></textarea></td>
</tr>
<tr>
<td>action</td>
<td>
<button type="button" onclick="insert('text_editor', '', '');" title="Bold" style="font-weight: bold;">B</button>
<button type="button" onclick="insert('text_editor', '', '');" title="Underlined" style="text-decoration: underline;">U</button>
<button type="button" onclick="insert('text_editor', '', '');" title="Italic" style="font-style: italic;">I</button>
<button type="button" onclick="insert('text_editor', '', '[hr]');" title="Horizontal rule">—</button>
<button type="button" onclick="insert('text_editor', '', '');" title="Subscript">Sub</button>
<button type="button" onclick="insert('text_editor', '', '');" title="Superscript">Super</button>
</td>
</tr>
</table>
</form>
</body>
</html>
Thank các bạn nhiều đây là vấn đề mình quan tâm!.Mong rằng sẽ có nhiều bài viết hữu ích như thế này!.Thank ^_^
anh ơi em là lính mới của diễn đàn em rất thích lập trinh web động cho của riêng mình nhưng em hok biết cách lập trình và cung hok hiểu cái mà anh vừa viết trên hay anh gửi hộ em cách lập trình hay nhũng code cơ bản có được hok anh .:))
chả biết có đcj hay hok nhưng cũng cảm ơn anh trước nhé
Đâu cần thiết tự viết đâu bạn trên mạng đầy àh tìm cái thằng html editor về là ok ...
Text editor có rồi, xây dựng làm gì nữa, CKEditor xin thế còn gì