html在线排版编辑工具,html+css+js开发文本编辑器,有各种排版功能!

  • Post author:
  • Post category:其他


当点击上面的按钮,例如添加图片,就会直接向textarea文本框添加一段预设的图片标签。如果添加超链接,就会向文本框添加超链接标签,我们只需要把超链接和链接文字填上去即可。

bVRpih?w=828&h=285

Hello World

.a{background: url(images/a.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.p{background: url(images/p.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.left{background: url(images/left.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.center{background: url(images/center.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.right{background: url(images/right.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.b{background: url(images/b.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.images{background: url(images/images.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.video{background: url(images/video.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.font14{background: url(images/14.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.font15{background: url(images/15.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.font16{background: url(images/16.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.red{background: url(images/red.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.blue{background: url(images/blue.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.br{background: url(images/br.png)no-repeat; border:none;outline:none;width: 50px;height: 35px;}

.a:hover{box-shadow: 0px 0px 3px #ddd; c