web基础
任务目标
⾸先,在开源富⽂本编辑器( https://summernote.org/ )中随便输⼊⼀段⽂本
然后,在源码模式下,查看内容是如何被转变为带标签的⽂本的,都带了哪些HTML标签
最后,实现编辑器没有的功能,例如让表格隔⾏换⾊,加⼊JavaScript按钮,试着完成它吧:)
实现步骤
- 打开 https://summernote.org/,尝试输入字符,对比源码
- 插入表格,并键入值,对比源码模式和效果图
- 修改背景颜色,添加字段 bgcolor=“FF0000” ,每一行选择不同的颜色 (tips:tr 后添加修改参数每一行的颜色,td 后添加参数修改每一格的颜色)
- 添加按钮,调用JS方法newButton,value值设置为“我要考试”,响应框设置为“考试完成!”
按钮方法:
//
<script type="text/javascript">
function newButton(){
alert("考试完成!");
}
</script>
<div>
<input type="button" value="我要考试" onclick="newButton()">
</div>
点击我要考试,弹出考试完成提示框。