如何添加带文本编辑器的html文本框_随笔

1、首先在电脑桌面上，新建并打开一个记事本文件。

2、这里要用到<form>标签,这个标签包含了表单的一些元素，这里要用到<input>元素，具体格式如下图。

3、其中红框内 type="text" 意思是文本框，其中的text可以换成其他的，name="firstname"是这个文本框的名字。

4、然后点击保存，改变记事本文件后缀为html，看看网页显示效果。

5、接着来做一个最常用的登陆框，首先做出用户名+文本框；密码+文本框，以下是代码。

6、最后保存，看看网页显示效果，就完成了。

使用ckeditor这个插件，就能很方便的在html中编辑文章了，这个富文本编辑器功能很强大

<!DOCTYPE HTML>

<html>

<head>

</head>

$(function(){

editor_content = CKEDITOR.replace('editplace')

})

</script>

html,

body {

margin: 0

padding: 0

}

.demo {}

</style>

<body>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

如何添加带文本编辑器的html文本框