在线文本编辑器的设计
时间:2006-04-28 来源:日月之鉴
在线文本编辑器是基于WEB基础上的网页制作工具,用户可在线实现图文并茂的网页的编辑 创作与发布,在具体设计中,需要把握以下基本环节:
1.了解HTML的基本框架及所能操作的对象
网页是通过超文本技术实现网络传输的,在设计在线的文本编辑器时,应该想到未来的用户就是在使用你设计的操作命令控制HTML代码,因此在设计初,需要规划编辑器需要对哪些对象进行操作,如何通过脚本去控制这些对象的属性.
1)对文字格式的设置,需要解决如何得到选区中的文本,又如何对这些文本加上对应的代码标志.
技术提要:涉及对象document,selection;涉及selection对象的方法createRange()方法,给对象加上代码的基本程序如下:
function sel_format(str1) {
var str = document.selection.createRange().text;
document.my_form.my_textarea.focus();
var sel = document.selection.createRange();
sel.text = "" + str + "";
return;
}
2)根据鼠标,获得元素
2、实现文档处于可编辑模式
3、解决普通编辑模式与HTML模式的互化问题
待续.....
1.了解HTML的基本框架及所能操作的对象
网页是通过超文本技术实现网络传输的,在设计在线的文本编辑器时,应该想到未来的用户就是在使用你设计的操作命令控制HTML代码,因此在设计初,需要规划编辑器需要对哪些对象进行操作,如何通过脚本去控制这些对象的属性.
1)对文字格式的设置,需要解决如何得到选区中的文本,又如何对这些文本加上对应的代码标志.
技术提要:涉及对象document,selection;涉及selection对象的方法createRange()方法,给对象加上代码的基本程序如下:
function sel_format(str1) {
var str = document.selection.createRange().text;
document.my_form.my_textarea.focus();
var sel = document.selection.createRange();
sel.text = "" + str + "";
return;
}
2)根据鼠标,获得元素
2、实现文档处于可编辑模式
3、解决普通编辑模式与HTML模式的互化问题
待续.....
相关阅读 更多 +