正在学习前端页面制作。请问如何在html中实现文字样式、图片输入等功能呢?(不要使用Flash之类的插件)我的问题描述方法可能不太清楚,就是说,大家肯定都用过邮箱,那个输入框是怎么实现的呢?html中只有纯文本输入框,就我的知识(html,css,JavaScript),实现这种功能只能通过隐藏并截取原本的输入框(<input type=text>、<textarea>)中的value属性,并且模拟出一个输入框,然后回流到文档。但是这种方式,不容易实现,而且效果很不好,而且关于中文输入法的问题也不好解决。希望大家能指点!
网上有很多开源的例如我比较喜欢的tinymce.可以google一下
CKEditor(FCKEditor)http://ckeditor.com/
<form name="editer" method=post onsubmit="return submit(this.form)">
<button onclick="button_command('Bold')">
<b>B</b>
</button>
<button onclick="button_command('italic')">
<i>I</i>
</button>
<button onclick="button_command('underline')">
<u>U</u>
</button>
<input type=submit name=submit value="保存"><br>
<iframe name=$meizz scrolling="yes" style="HEIGHT: 90%; WIDTH: 100%">
</iframe>
<textarea name=conten style="display:none">
test<br>
fdsfsf
</textarea>
</form>
<script language=javascript defer=true>
document.frames.$meizz.document.designMode = "On";
document.frames.$meizz.document.write(document.editer.conten.value);function button_command(cmd) {
document.frames.$meizz.document.focus();
document.frames.$meizz.document.execCommand(cmd);
}function submit(form) {
form.conten.value = document.frames.$meizz.document.body.innerHTML;
return true;
}
</script>